Subframe

Design, meet code. Ship what you design.

[Subframe @SubframeApp]

Canvas is here.

[Subframe @SubframeApp]

One canvas for design, code, and AI.
Only in Subframe.

[adel 🌟 @adelwu_]

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

[Ignacio Soffia @ignaciosoffia]

Finally, the real code canvas for design!!

[filip skrzesinski @uptightchill]

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

[Subframe @SubframeApp]

@JadeonAbt ✨

[Subframe @SubframeApp]

Canvas is here.

[filip skrzesinski @uptightchill]

micah is a modern wizard who’s making all the 3d work in the @SubframeApp brand

[Subframe @SubframeApp]

Start building with design + code + AI using your theme:
https://t.co/8Zb7MVjHo0

[Subframe @SubframeApp]

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.

[Subframe @SubframeApp]

Building with Subframe? Submit your project to be featured: https://t.co/RzzaHylCZY

[Subframe @SubframeApp]

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

[Subframe @SubframeApp]

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.

[Subframe @SubframeApp]

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 .

[Darian Shirazi @darian314]

Figma is so 2021

Check out Subframe

[Micah @multimicah]

@SubframeApp 🌃🔧 (light setup below)

[Irvin Zhan @IrvinZhan]

@markgadala Forget translation layers. Just let designers work with the final medium - code. Only tool that offers that today is @SubframeApp , not Figma

[Voss @vibecodderlog]

I tried it and it’s just too good, highly customizable, fast, and generates designs that highly stand out

[Irvin Zhan @IrvinZhan]

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.

[Noname Oni ツ 🇺🇦 @noname_oni]

this one is actually really good for designers to understand what @SubframeApp is about and how it works

https://t.co/mTrPdk85w1

[D E N Y @denykhoung]

code AND design—that’s how you build great products. excited to tinker in claude code with the new @SubframeApp Design Canvas