Lunagraph: Design canvas that writes code, powered by Claude Code

October 24, 2026

Codex, Cursor, OpenCode, and more

A roundup of what we’ve added since opening the beta on September 1.

Work with Claude Code, Codex, Cursor or OpenCode inside Lunagraph.

0:00 / 0:08

See where agents are working while you keep editing.

Tag @Agent in a comment to request an edit right there.

0:00 / 0:06

Paste a Figma design onto the canvas as editable layers.

0:00 / 0:08

Use the Chrome extension to capture a webpage or element as editable layers.

0:00 / 0:08

Hold Option and drag an element onto the canvas as editable layers.

Keep multiple files open and see which agents are working or finished.

0:00 / 0:08

Use fonts installed on your computer in the desktop app. Lunagraph adds them to your project so your teammates can design with them too.

You pick Larken from the fonts on your Mac. Lunagraph uploads it to the project.

Mika, who does not have Larken installed, designs with it right away.

Read more about local fontsPick local fonts in the desktop app.

Three short guides take you from a new project to designing with your own components.

1
Connect your agentUse Claude Code in the chat panel, or connect another coding tool through MCP.
2
Connect your codebaseAdd a local folder so your agent can read and edit your project.
3
Import your design systemBring your design tokens, icons, and React components into the Assets panel.

0:00 / 0:09

From the desktop release notes.

Keyboard shortcuts reference. Every shortcut, in the app.
Zoom shortcuts. Shift+1 zooms to fit and Shift+2 zooms to the selection.
Select siblings with Tab and Shift+Tab.
Opacity from the number keys for the selected layers.
Text shortcuts. Bold, italic and underline apply to selected text layers, and size, spacing and weight step with the keyboard.
Align and distribute shortcuts, and Option+C toggles Clip Content.
Paste an image onto a layer to fill a div or swap an img.
Recents is the new dashboard home.
Lower CPU use when the app is idle. The editor no longer burns cycles while you are away.
Fewer canvas re-renders. Dropdown edits and scrubbing a value no longer re-render the whole canvas, and a scrub lands in history once.
Arithmetic in number fields. Type 24*2 or 100/3 in any numeric inspector field. The arrow keys step the value.
Hold Z and drag to zoom into a region of the canvas. Press Enter to descend one layer.
Image and video adjustments with sliders, and a cleaner image picker.
Editor text at 12 px. Layers, inspector and menus are easier to read.
Layers panel centres the revealed layer and stays quiet during a canvas drag.
Shadows. Changing a shadow’s type no longer adds a second one.