Features
Figma to React, Next.js, Gatsby, Vue code generation
Penpot to React, Next.js, Gatsby, Vue code generation
Responsive and interactive code output
Modular component-based code
Export to GitHub or VS Code
Smart layers and naming preservation
Support for design tokens and variables
AI-powered code suggestions
Multiple output frameworks (React, Next.js, Gatsby, Vue)
Live preview of generated code
Collaboration and team sharing
Customizable code style (CSS, Tailwind, CSS-in-JS)
Drag-and-drop visual canvas with code layer mapping
AI page, theme, and component generation from prompts
Responsive auto-layout with mobile support
Multiplayer real-time collaboration with layer comments
Design system with props, slots, and variants
Export clean front-end code without AI use
CLI sync via `npx @subframe/cli sync`
AI remix variations and @mention context
Integration with Cursor and Claude Code via MCP + Skills
24-hour version history (Free), 7-day (Pro)
Personalized AI that learns your components and style
Prototype with code and annotated designs
Unlimited team members on all plans
Free viewer seats included
