“Figma”

LLM-optimized Figma MCP server.

Build Figma-ready fixed-canvas designs (charts, paid ads, social cards) using the Superpower production design system.

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `create_new_file` tool call.

An MCP server that converts Figma designs into React code.

AI-powered design review for Figma components with weighted dual-scoring system.

Create and seed a fresh Figma file for this repo, update .env, and run the local checks.

Convert Figma designs to frontend code by orchestrating an Agent Team

Provide Figma capture script installation guidance for web projects.

Figma 시안 URL과 대상 위치를 전달받아 하네스 규칙에 맞춰 코드로 완벽 구현합니다.

Push components or screens from the prototype to Figma.

Convert Figma designs to GenerateBlocks V2 format for WordPress

Figma MCP server with full read/write access via plugin — no API token, no rate limits.

Translate HTML prototypes into Figma using your design system's real components and tokens.

This skill should be used when the user shares a Figma URL or node and asks to "구현해줘", "코드로 만들어줘", "Figma 컴포넌트 구현", "implement this Figma component", "Figma…

Activate when: /figma command is used, context.json has tools.figma URL and user asks about UI design, components, or screen implementation from a Figma design.

Compare a Figma design to a live implementation.

Orchestrates Jira ticket creation from Figma designs using Atomic Design principles.

Use when validating that a Cafe24 test/live page component matches a Figma design and auto-fixing mismatches — user provides a Figma node link and a test URL.

Specialist for creating detailed Figma design specifications including design tokens, layer structures, component specs, and developer handoff documentation.

Rebuild a draft or sketched logo as an editable vector in Figma using a coherent geometric construction system, with construction and clean final frames.

How to derive a Swift token name from a Figma token path in the OUDS iOS project (raw, semantic and component tokens)

Run before touching the Figma canvas for any task; creation, modification, or review.

将本项目页面补齐为可导出 Figma Make 资产的结构，并产出可直接下载的 `名称.fig` 文件；适用于保留原始 Figma Make 资产、同步导出壳子和生成 canvas.fig。

Use when converting requirements into diagrams, UML, SVG, Figma-editable vector assets, exports, or visual refinements through an AI-assisted Figma workflow.