Features
Figma design to code conversion
One-click export to React, Vue, Next.js, Gatsby, Angular, React Native, HTML/CSS
Intelligent component detection
Responsive layout generation
Live browser code editing
Design system creation for consistent UI
Automatic image asset optimization
Agent Mode for iterative code refinement
GitHub sync for version control
Figma and Penpot plugin support
CLI for terminal-based conversion
MCP (Model Context Protocol) for AI-native workflows
Import from Figma URL without plugin
Component mapping to match existing codebase tokens
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
