OM DENNE EPISODE
For years designers made pictures of a product and engineers turned them into code
AI changed that. Designers can now build with code themselves
But their work is scattered. One of Putri Karunia's users told her he now spends only about 10% of his time in Figma. The rest is split across code, prototypes and code changes for engineers to review
The AI coding tools also work one step at a time. Ask for something, get something back, ask again
Design doesn't work that way. You try a few ideas side by side, keep the best and mix in parts of another
Putri built Lunagraph for this.
It's a design canvas where everything you place on it is real code
You explore the way designers always have. Then click through the result to see how it actually works and share it with your team as a link
Engineers get working code instead of a picture. They take the component they need and add it to the product
"Design with code, on your familiar design canvas"
Design, explore, and hand off the whole experience. States, interactions, and flows,
all as React code, ready for your engineers or your coding agents.
🎙️ Putri Karunia, CEO & Founder, Lunagraph on Fondo START w/ Guest Host, Grace Gong, Founder, Smart Venture Media
01:42 Why the design canvas itself is made of code
03:12 Where designers work now that Figma isn't home
03:46 Why design exploration isn't linear and coding agents are
05:19 How Lunagraph differs from Lovable and Claude Design
06:21 Why a chat box can't describe a shadow
08:21 Why designers don't always need to open production PRs
09:16 Handing engineers working code instead of static designs
10:26 Building for the one-designer startup
10:55 Using Lunagraph daily on paying client work
11:25 Bring your own agent and pricing
Check out www.lunagraph.com
