“Figma”

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.

Translate specific Figma nodes into production-ready UI with close visual fidelity and project-aware implementation decisions.

Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports.

Compare a local web page or screenshot with a specific Figma frame and return measured, breakpoint-scoped CSS and layout fixes.

Skill chuyên dụng để thiết kế và sinh các file SVG Prototype, Wireframe hoặc Mockup chuẩn vector tương thích với Figma và có thể kéo thả trực tiếp vào Canvas.

Demonstrates KSP wrapping an MCP server.

Check what is in sync, pending, or drifted between the prototype and Figma.

Generates custom design system rules for the user's codebase.

Convert design tokens from Figma Variables JSON, Figma MCP/plugin variables, or plain text into Flutter design-system Dart files.

Use when a designer asks how to structure a Figma file so it produces clean code, when a design keeps yielding pixel-snapshot output, or when…

Validate editable, responsive Figma layout structure under strict composition.

Use after /figma-preflight passes.

Use after /figma-create, or when reviewing an existing design for design system compliance.

Translate Figma designs into production-ready code with accurate token mapping, responsive behavior, and component architecture.

Entry point for UI Color Palette workflows targeting Figma.

Rules for Figma use case pages in Deviante — screen frames only, children inside frames.

Compare a running app screen or code-rendered UI against a specific Penpot design node, capture visual evidence, and report actionable discrepancies.

One-time project setup.

Verify Figma access, workspace write capability, library assets, variables, screenshots, and report output before a design run.

Validate generated Figma output for strict composition, variables, contrast, layout, themes, prototypes, screenshots, and provisional output.