One system from canvas to code.

Select a design built with Lumen, inspect its components, and take an Astro starter into your project. The AI handoff gives your coding agent the selected structure, component properties, semantic color references, and items that need review.

The beta recognizes Button, Input, Field, Card, Tabs, and Dialog. It runs locally and makes no AI calls. Your coding agent handles application integration and validation. Generated code, responsive layouts, custom layers, and action behavior still need review.

Exports target @santi020k/lumen-astro v4. Compare the exact version in the handoff with your installed package before integrating the starter. Load the Astro stylesheet and UIPrimitives once at the application boundary.

pnpm install --frozen-lockfile
pnpm exec turbo run build --filter=@santi020k/lumen-figma-plugin

In Figma desktop, choose Plugins → Development → Import plugin from manifest and select apps/figma-plugin/dist/manifest.json. Run these build commands from the Lumen repository root. The plugin is not yet published to Figma Community; the separate Community link on this page opens the design library.

Select one frame or component instance, choose Inspect selection, and review the findings. Copy or save the Astro starter or AI handoff for your project. Exports include the selected design's visible text and component data, so review them before sharing with your coding agent.

Community publication follows the Lumen v4 package and documentation release. An install link will appear here after Figma approval and verified public installation.