Download
Lunagraph is available as a desktop app for macOS. Download LunagraphCreate 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.