“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.

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…

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.

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.

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…

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and…

Optional Figma design context and visual acceptance for Android Compose UI.

Translates Figma designs into production-ready application code with 1:1 visual fidelity.

Prepare Figma bitmaps, SVGs, and videos for human-guided UI implementation; identify assets, validate their types, collect bitmap evidence, convert or…

Use this skill when the user is about to do design work in Figma — creating or editing components, building layouts, working with variables/tokens, or…