Design canvas with your codebase and agents built in, where design engineers get production-grade output without handoff
Pencil-style icons for the web, drawn by code
Stage
Not given
Not given
Founded
Not given
Not given
Based in
Not given
Not given
Pricing model
Freemium
Open source
Pricing
Hobby: Free with monthly agent limits for personal projects and unlimited connected repositories. Pro: $20 per person per month with extended agent limits, merge-ready PRs, design QA, and priority support. Teams & enterprises: Custom pricing with SSO/SAML, SCIM, SOC 2 Type II, and dedicated support.
Not given
Key features
Canvas connected to codebase with code-to-canvas and canvas-to-code workflows
Type-safe code generation from design changes
Pull request integration for code review
Design QA and polish on live product
Support for authenticated screens and complex states
No developer environment setup required for designers
Reuses existing components and design system instead of creating parallel systems
React components with customizable size, color, and stroke width
Pencil variant with adjustable grain texture from 0 to 1
Small bundle sizes: 0.5 KB gzipped per icon, 67 KB for all by name
Consistent rendering across server and client with no hydration mismatch
What makes it different
Eliminates design-to-engineering handoff with production-ready code direct from canvas
Works directly with real codebase, components, and live data instead of static mockups
Type-safe pull requests that engineers want to merge
Preserves existing design system with no parallel UI debt
Design on the real product surface, not static files like Figma
Same name always draws identically everywhere for consistency
Authentic pencil-style imperfections while maintaining legibility at small sizes
MIT licensed and free for personal and commercial use
Modeinspect
Matita