Siteprint: Design to AI Prompt
Color Picker & Font Inspector
Only for Mac
Free · In‑App Purchases
Mac
Now with animations! Get any site’s exact colors, type, spacing, layout and hover effects in Safari, then hand them to your coding agent as one prompt.
Siteprint measures the design of the website in front of you and turns it into something your coding agent can build from.
Open any site in Safari and click Siteprint. It reads the page right there on your Mac and shows you what makes it look the way it does:
• Palette: every color with its role, from canvas and text to accent and borders, ranked by how much of the page it paints. Pick colors with the eyedropper and copy individual colors or the whole palette as HEX, RGB or HSL.
• Typography: the type scale with family, size, weight, line height and color for each level.
• Layout: a blueprint of every section in page order, with its grids, rows and spacing. Redline any element to see its box, and lay a grid over the page.
• Animations: the hovers, focus and press states, menus opening, loops and moving backgrounds the page’s own CSS plays, shown live the way the site draws them.
• Corners, shadows, spacing and components such as buttons and cards.
• Assets: the SVGs and images the page uses.
Click a color or a text style and Siteprint highlights where it is used on the page.
SITEPRINT PRO, ONE PURCHASE
• Site prompt: one prompt with the exact measured values, animations included, for Claude Code, Cursor, Codex and other coding agents. Choose compact, detailed or full, and add a screenshot.
• DESIGN.md: a shorter design direction for building new screens in the same style.
• Animations in every prompt: the site prompt and DESIGN.md carry the page’s own animation CSS, so your agent rebuilds the hovers and transitions too. Any single effect copies as a prompt or as HTML, CSS or Tailwind.
• Themes: ready-made Tailwind v4 and shadcn/ui theme files.
• Tokens and assets: copy or save the design as CSS variables, JSON or Figma tokens, and copy the page’s SVGs and images.
• Compose: mix two sites into a new style, taking color, type, shape and layout from each.
• Coding agents: your agent reads your scans straight from Siteprint on this Mac through its MCP server. No pasting.
• Ask this design: on a Mac with Apple Intelligence, ask why a design works and how to use it, answered from the measurements.
Pro is a one-time purchase. No subscription, no account.
PRIVATE BY DESIGN
Siteprint runs entirely on your Mac. It has no server, no account, no analytics and no tracking. The only things it loads are the scanned page’s own images and icon, to show them in the popup. It reads styles and layout, never form values, passwords or cookies. Apple Intelligence features use the on-device model.
Use what you learn to build something of your own: Siteprint captures a design’s system, not a site’s content or branding.
Ratings & Reviews
- This app hasn’t received enough ratings or reviews to display an overview.
Export .zip, Save file and Save image now save straight to your Downloads folder. Before, Safari opened a page that could not load the file.
For new installs, token export and asset copies are now part of Pro. If you already use Siteprint, nothing changes for you.
The developer, Filip Papic, indicated that the app’s privacy practices may include handling of data as described below. For more information, see the developer’s privacy policy .
Data Not Collected
The developer does not collect any data from this app.
Accessibility
The developer has not yet indicated which accessibility features this app supports. Learn More
Information
- Seller
- Filip Papic
- Size
- 573.8 KB
- Category
- Developer Tools
- Compatibility
Requires macOS 14.0 or later.
- Mac
Requires macOS 14.0 or later.
- Mac
- Languages
- English
- Age Rating
4+
- 4+
- In-App Purchases
Yes
- Siteprint Pro $19.99
- Copyright
- © 2026 Filip Papić