Alex Tran retweetledi
design tools haven't evolved in a decade.
we just shipped a new take on canvas — built from the ground up for code, ai, and the future of design.
try it now in @SubframeApp
English
Alex Tran
11 posts
Alex Tran retweetledi
@itsandrewgao @josephhhhz agree! that’s part of our approach at @SubframeApp. you get an easy to customize a design system that AI will just follow
English
also: having a good design system is more important than ever
so easy to add slop to your UI without one
we finally standardized a design system for devin (thx @josephhhhz) and it’s now soo easy to just have devin make beautiful components
andrew gao@itsandrewgao
you can instantly 10x your vibecoded frontends by just learning what different ui components are called ofc opus is creating generic slop, the only words you know are menu and button.
English
Alex Tran retweetledi
@aldtran3 and the whole @SubframeApp crew has been crushing it with this release.
A design system is the only way to keep @claudeai from going off the rails.
filip skrzesinski@uptightchill
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 .
English
Alex Tran retweetledi
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 .
English
@kentcdodds @ShrekOverflow @loktar00 try out @SubframeApp! it gives you a customizable design system that AI follows
English
@ShrekOverflow @loktar00 This is what I do and it's still done poorly. The primary problem is this: x.com/kentcdodds/sta…
I need to have a better design system implementation in place 😅
Kent C. Dodds 🏹@kentcdodds
You should consider your existing code, tests, and docs as a part of your "prompt" for autonomous agents. If those are miserable your results will be miserable as well. Clean those up and your agents (and the humans working with them) will be much more effective.
English
My current biggest bottleneck with AI (other than myself) is agents are only marginally better at CSS than I am (which is bad) and they lack "taste" (whatever that means). They just don't know when a UI looks bad.
English
Alex Tran retweetledi
use AI to translate code to design, use AI to translate design to code…
you lose fidelity in every AI translation step. that’s not how craft happens.
if u want to keep the craft, give @SubframeApp a try
we wrote up how our code gen works here: x.com/irvinzhan/stat…
Figma@figma
Tired: code or canvas Wired: code AND canvas Introducing Claude Code to Figma
English
Alex Tran retweetledi
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.
English
Alex Tran retweetledi
ai agents are made for coding, not designing
with @SubframeApp you can ship your best designs
Irvin Zhan@IrvinZhan
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.
English
@jinsu @cursor_ai @shadcn @astrodotbuild @tailwindcss we just released prototyping yesterday at subframe! give it a shot! x.com/uptightchill/s…
filip skrzesinski@uptightchill
imagine figma but everything is code imagine v0 but you can drag-and-drop imagine prompting by commenting on designs
English
A couple were built using @cursor_ai prototypes using @shadcn for some of the base material which we have an internal playground setup for, and mine was done in raw @astrodotbuild and @tailwindcss !
English
Attended design crit today, no work was shared via Figma. Everything was vibe-coded prototypes!
English