Skip to main content

​
Download

Lunagraph is available as a desktop app for macOS. Download Lunagraph

​
Create your first project

1

Open Lunagraph

Launch the app and create a new project.
2

Start designing

Use the canvas to visually create your UI. Everything you place on the canvas is real HTML, CSS, and React code.
3

Install Claude Code

Lunagraph’s AI chat requires Claude Code. If you haven’t installed it yet, follow the Install Claude Code guide.
4

Edit with AI

Use the built-in Claude Code integration to generate, modify, or refine your designs using natural language.
5

Export your code

Your design is already real code — export it directly into your project with no translation step.