Lightlines
By figma

figma-design-to-code

figma1.9k installs

Your Figma design, implemented in your project's style.

What it does

Converts Figma designs into interactive project code that reuses existing components, assets, and design tokens.

When to use it

Use when implementing a Figma design as code, before calling the Figma get_design_context tool.

How to use it

Give it a Figma design and an existing project; it implements interactive code using the project's stack and reusable components.

What you provide

  • a Figma design
  • An existing project

Uses

Latest review

What you need · 1

Requires a connected Figma MCP server providing get_design_context and get_screenshot.


Access · 1

This skill

Figma

Read

Retrieves Figma designs and assets