START: Putri Karunia, CEO & Founder, Lunagraph "Design with code, on your familiar design canvas"

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