Sabitlenmiş Tweet
Subframe
188 posts
Subframe
@SubframeApp
Design, meet code. Ship what you design. https://t.co/ZXrroaICof
San Francisco Katılım Mayıs 2023
2 Takip Edilen3K Takipçiler
Subframe retweetledi
one of our designers just showed me his new ai workflow for designing now
it literally blew my mind, no figma at all, just @SubframeApp @claudeai design and @storybookjs
i'm begging him to make a twitter account so he can share this knowledge with the world
English
Subframe retweetledi
Subframe 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
Subframe retweetledi
micah is a modern wizard who’s making all the 3d work in the @SubframeApp brand
Micah@multimicah
Biggest change in my folio is optimizing for a viewer who only has 10-30 seconds to see most of my work. ⏳ micahcarroll.com
English
Start building with design + code + AI using your theme:
subframe.com/?utm_source=tw…
English
New in Subframe: Import tokens, theme AI and color folders.
▪️ Import tokens from Figma, Tailwind, or shadcn.
▪️ Ask AI to update colors, typography, corners, and shadows.
▪️ Color folders — organize your tokens however you want.
Your theme is the foundation for your product. Now you can bring yours in from anywhere in seconds.
English
Building with Subframe? Submit your project to be featured: subframe.com/built-with-sub…
English
Introducing the Built with Subframe community.
A curated gallery of real projects designed and shipped by Subframe experts.
▪️ Browse work from designers building with Subframe
▪️ Creator profiles with bios and a links to connect
▪️ Submit your own work to be featured
GIF
English
New in Subframe: Clickable interactions with overlays
▪️One panel for interactions: page navigation, overlays, dropdowns, tooltips, popovers, and context menus.
▪️Preview dialogs and drawers as overlays on top of your pages.
▪️Pick a trigger, pick an action, done.
Build clickable prototypes faster – no AI required.
English
Introducing Ask AI for components.
Build custom design systems – from design to code.
Visual component editor.
Integrated with AI agents.
Fully custom.
Only in Subframe.
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
Subframe retweetledi
Figma is so 2021
Check out Subframe
Denise Teng@denise_teng25
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:
English
Subframe retweetledi
Subframe retweetledi
@markgadala Forget translation layers. Just let designers work with the final medium - code. Only tool that offers that today is @SubframeApp , not Figma
English
Subframe retweetledi
I tried it and it’s just too good, highly customizable, fast, and generates designs that highly stand out
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
Subframe retweetledi
How @SubframeApp saves Claude tokens translating designs to code:
In our design tool, we mapped EVERY possible design edit to the correct set of changes in code. When you design in Subframe, the UI code instantly updates.
We don't use AI to "save" your changes. The code...just works.
Irvin Zhan@IrvinZhan
@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-…
English
Subframe retweetledi
this one is actually really good for designers to understand what @SubframeApp is about and how it works
youtube.com/watch?v=ROsiT8…
YouTube
English
Subframe retweetledi
code AND design—that’s how you build great products. excited to tinker in claude code with the new @SubframeApp Design Canvas
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