“Figma”

Use the Figma MCP server to fetch design context, screenshots, variables, and assets, and to translate Figma nodes into production code.

Fetch Figma designs, assets, and screenshots through MCP; implement Figma URLs/node IDs in code or troubleshoot the Figma connection.

Read Figma design files, nodes, rendered images and comments via the Figma REST API.

Implement an already chosen Figma target faithfully while verifying unrepresented behavior, states and responsive gaps.

Opera arquivos, componentes e bibliotecas do Figma.

Pull design context from Figma and translate it into Thomas-native implementation or analysis steps.

Figma-to-code workflow using MCP tools.

Export files, access design data, manage projects, comments, and team assets

Router and composition workflows for Figma via the official Figma MCP: which Figma skill/tool for which job, capture-to-canvas (screenshots or shotcraft crops…

Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

Implement an already chosen Figma target faithfully while verifying unrepresented behavior, states and responsive gaps.

用于处理涉及检查、读取、创建、编辑、导出或代码映射的 Figma 内容任务，也用于将 HTML/React/Vue 等网页复制到 Figma，尤其适用于当前选区、设计系统、Figma MCP、Drafito、Figwright 或需要避免 MCP 工具污染上下文的场景。当用户需要可批注 Figma…

Analyze a Figma file via the Figma REST API and generate an interactive design knowledge graph (pages, screens, components, component sets, instances, design…

Wraps Figma MCP server to enable AI-assisted Figma design workflows.

Give your coding agent access to your Figma data.

Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.

Read-only Figma extraction specialist for multi-agent workflows.

Read Figma files via host-system tools (figma_me, figma_file, nodes/images API).

Use for "/build-figma", a figma.com/design URL with node-id, or "implement this Figma" into a web, desktop, or shared UI.

Figma MCP: list frames in a file and fetch one frame's JSON and image safely.

Use when 需要把现有 React、Vite、Next.js、V0 或 AI Studio 页面转换为 Figma Make 可导入的 .fig 资产，或补齐、更新、验证已有 Figma Make 导出壳和 canvas.fig。

Implement a Figma UI in an existing frontend file, block by block; leave pending assets empty, bind prepared assets, and hand over for manual acceptance.

Use BEFORE any Figma MCP tool call during design-to-code work — reading, planning, or implementing a Figma design.

Read a Figma design offline from a .fig export — layer tree, copy, component properties, layout, colors, design-token names, and original vector or raster…