Learn Lunagraph

Short videos on designing with code, from your first import to handoff.

Getting started

A four-part walkthrough, from connecting your codebase to handing off to developers.

Part 1: Connect your codebase

Connect an agent, give it your local code and import your design system.

Part 2: Design with your components

Build screens on the canvas with the components you imported.

Part 3: Learn the canvas

The canvas tools you use every day to lay out and style a design.

Part 4: Explore more workflows

Capture live UI, add custom controls, share prototypes and hand off to developers.