Free grid maker to turn photos into numbered drawing grids
Stage
Not given
Not given
Founded
Not given
Not given
Based in
US
Not given
Pricing model
Freemium
Free
Pricing
Free: 2 design packs a day without account, 5 per day with free account. Pro: $9 per month (or $90 per year) for 50 packs per month, any page of a site, private packs, MCP server and REST API.
Not given
Key features
DESIGN.md in Google's format describing colors, type, spacing, radii, shadows and components
BEHAVIOR.md covering hover, focus, tooltips, menus, motion, scrolling, tables, forms and dark mode
Screenshots at four widths: 1440, 1024, 768 and 390 pixels
W3C design tokens (DTCG) format for Style Dictionary and Figma plugins
CSS custom properties with all design values
Tailwind v4 theme block
SKILL.md for Claude Code and Cursor
MCP server integration for AI agents to fetch packs automatically
REST API with keys for automated access
Private packs accessible only to the user
Overlays numbered grid on photos with automatic line color detection
Three grid sizes: Fewer (3 squares), Medium (5 squares), More (8 squares) across short side
Works on phones and computers without installation or upload
Print two sheets: photo with grid and empty grid for drawing
Save gridded photos as JPG or PNG with no watermark
View individual squares enlarged while working
Supports JPG, PNG, WebP and iPhone HEIC photo formats
What makes it different
Measured from live pages, not guessed from screenshots
Captures behavioral details like interactions and state changes, not just visual design
Free tier requires no account or card to try
AI agents can use Stylepack directly with Pro via MCP server
No sign-up, watermark, or photo upload required
Processes entirely in browser for instant results and privacy
Works on phones without app download using browser only
Numbered grid squares (A1, B3 format) help track drawing progress and teach proportion
Stylepack
Easy Grid Maker