Skip to main content
Lunagraph lets you design and create UI using real HTML, CSS, and React code. Stay consistent with zero handoff and work between teams — designers, product, developers, and agents.

​
Key features

  • Design with real code — Everything on the canvas is actual HTML, CSS, and React. No translation layer, no export step.
  • Powered by Claude Code — AI assists you directly on the canvas, generating and editing code as you design.
  • Zero handoff — What you see is what ships. Designers and developers work in the same source of truth.
  • Round-trip editing — Edit in the canvas or in code. Changes sync both ways.

​
Get started

Quickstart

Download Lunagraph and start designing with code.

Install Claude Code

Set up Claude Code so you can use AI chat in Lunagraph.