

Subframe
177 posts

@SubframeApp
Design, meet code. The UI design tool for the AI era. https://t.co/ZXrroaICof





we just launched the first AI for design system components designers create components in figma. engineers install generic libraries. shipping a design system that's truly yours is the real work. that's why we built an AI agent for design systems. prompt, screenshot, paste a Figma frame, or import code → get custom React components with variants, props, and slots you can edit visually. then, sync it to your codebase with Cursor or Claude Code. it reads your existing components. it reviews its own work. it builds with your system, not a generic one. start building your design system with @SubframeApp .

No more vibecoded look & feel. The high quality design iteration with coding agents is: pick a style ➡️ explore design variations ➡️ craft components. The smoothest tool sets I've found is @SubframeApp (variations, AI/drag & drop editing) + @claudeai code! Just 10mins → custom & good looking todo list app:


Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

@futureisasi You do your designs and Subframe (not CC/Codex) ~deterministically~ turns your designs into the exact UI code! Wrote more about it here #how-it-works" target="_blank" rel="nofollow noopener">docs.subframe.com/concepts/code-…



Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.






i always wanted a design tool for components in code like @shadcn so we built one. and added ai. design like a design tool, ask ai to create variants & edit, ship every component as React + @tailwindcss with CLI & MCP code sync only in @SubframeApp




