Lightlines
By figma

figma-generate-design

figma5.3k installs

Editable Figma screens built from your design system.

What it does

Creates editable Figma screens and composed views that reuse published design-system components and tokens.

When to use it

Use when translating code or a description into a new or updated composed Figma view, including pages, dialogs, panels, and forms.

How to use it

Give it source code or a screen description; it builds or updates a composed Figma view using the design system.

Uses

Good to know

  • cannot be undone: Figma

Latest review

What you need · 3

Requires a connected Figma MCP server.

Requires a published design system with components in the target file, or access to a team library.

Must be loaded before any use_figma call; its scripting rules are required for this workflow.


Access · 1

This skill

Figma

Write

Updates your Figma views (irreversible)