| Key features | - Pen, curvature, pencil and shape tools with editable Bézier paths and live shapes
- Type on a point, in an area and on a path with OpenType features and glyphs panel
- Layers, groups, masks and clipping support
- Fill with solid colours, gradients, meshes and patterns, and recolour artwork
- Live non-destructive effects including shadows, glows, blur, distort, warp and 3D
- Image trace to convert raster images into editable vector paths
- Pixel layers for painting and raster work alongside vector art
- Multiple grid types including orthogonal, isometric, hexagonal and perspective
- Free Transform tool for scaling, rotating and distorting selections
- Open SVG, PDF, EPS, .ai and PSD files; export to SVG, PDF, PNG, JPEG and WebP
| - 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
|
|---|
| What makes it different | - Runs entirely in browser with no install, account or upload required
- All work stays on your device with complete privacy—no server uploads
- Works offline and can be installed as a Progressive Web App
- Available in 15 languages
- Full-featured vector editor with Bézier paths, effects and image tracing
| - 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
|
|---|
Scissor
Stylepack