Launching today
Ribbon Studio
From artwork to interactive demos, with connected assets
7 followers
From artwork to interactive demos, with connected assets
7 followers
Create artwork, reusable components, screens, and interactive demos in one studio. Update a component once, and its blocks and screens update with it. Work visually, with the AI assistant, or with external agents via MCP, then export assets and source code.
Free Options
Launch Team
Render Sandboxes: a computer for every agentIsolated compute, persistent state and a real filesystem
Promoted
Hey Product Hunt, I’m Matt 👋
Ribbon Studio started because I wanted a simple graphic builder. Then I wanted to animate the artwork. Then reuse it in components, build screens from those components, and turn the screens into interactive demos. I kept going.
The idea that tied it together was keeping those pieces connected. A block uses component instances. A screen uses blocks. Update a shared source, and its instances pick up the change.
Today, you can create shader artwork, build reusable UI, sketch flows and diagrams, and connect screens into demos with interactions, states, and transitions. Design tokens, motion, media, and an infinite canvas give those pieces a place to work together.
You can work directly in the editors, ask the built-in assistant, or connect an external agent through MCP or WebMCP. They work with the same editable assets, so you can keep refining the result yourself. When you’re ready, export assets and source code or publish reusable packages through the registry.
I’m building this for people who have ideas and want to make them tangible, whether or not they think of themselves as designers.
Try it at https://ribbon.design/: choose “Explore the studio” to open the editors without signing in. Start with an artwork study, carry it into a website or brand package, and bring the results together in Space.
Watch the 24-second launch film, created with Ribbon Studio’s video tools: https://ribbon.design/launch/watch.html
What would you make first—and where does the workflow get in your way?