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.