Skills
.Work. You
Rest

cursor2figma

Community

Bridge Cursor with Figma via MCP.

Design & Creative#components#figma#mcp#tokens#cursor#design-systems#html-import
AuthorLutimi
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Streamlines the workflow between Cursor/Claude and Figma by providing a dedicated MCP server that handles HTML-to-Figma imports, design tokens, and component orchestration, reducing manual setup and context switching.

Core Features & Use Cases

  • HTML Import: render HTML into Figma with pixel-accurate fidelity using a dedicated import path.
  • Design Tokens & Variables: manage tokens and variables to keep design systems in sync between Cursor and Figma.
  • Components & Workflows: instantiate components and organize variants within Figma from Cursor.
  • Workflow Automation: automate end-to-end design tasks from import to debugging and iteration.

Quick Start

Connect Figma Desktop, activate the Desktop Bridge plugin, and load the MCP server to begin importing HTML into Figma.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: cursor2figma
Download link: https://github.com/Lutimi/claude2figma/archive/main.zip#cursor2figma

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.