START

← START22 Sept · 12 min

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

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

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.