# Lunagraph

> Design interactive React components on a canvas and exchange changes with coding agents.

Lunagraph is a visual design workspace built around React code. Designers arrange screens on a canvas, adjust styles, and develop components with props, states, and interactions. Existing components and design tokens can be imported from a local project or GitHub repository, helping the design remain connected to the application being built.

Users can connect an existing coding-agent subscription to the application or work through its MCP server. Selecting a canvas element gives the agent context for a requested change. Finished components can be copied as code or sent back to the repository, while connected screens can become a clickable prototype shared through a link.

## Listing details

- Canonical BetaNeon page: https://betaneon.com/products/lunagraph
- Official website: https://www.lunagraph.com/
- Category: Design & creative / Interface design & prototyping
- Status: Launched
- Topics: AI, Design, Design tokens, Developer tools, React
- Listing updated: 2026-10-30T16:52:05.448Z
- Information source: https://www.lunagraph.com/

This is a product introduction, not an endorsement. Confirm current availability, features, and prices on the official website. Community upvotes on BetaNeon are not star ratings.