Back to Skills
Creative-design

figma

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task…

figma is an Agent Skill — a folder with a SKILL.md and any helper scripts that a coding agent loads on demand. Drop it in your skills directory and the agent picks it up the next time the task matches.

Everything on this page — the summary, the category and the how-to — is written by HowToPrompts; the link below goes to the original project.

CategoryCreative-design
/skill add figma

How to use it

  1. Copy the skill folder into your agent's skills directory, or run the add command above.
  2. Reload the agent so it re-scans available skills.
  3. Trigger it by describing the task — the agent loads the skill when it matches.
Compiled and written by HowToPrompts from public sources.

Related in Creative-design

3d-web-experienceExpert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3DAccessibility AuditorWeb accessibility specialist for WCAG compliance, ARIA implementation, and inclusive design. Use when auditingdiagrammerRender clean blueprint-style SVG diagrams from JSON specs. Use when users ask to draw, sketch, or diagram a redevelop-web-gameUse when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing looexcalidrawUse when working with *.excalidraw or *.excalidraw.json files, user mentions diagrams/flowcharts, or requests c4-architectureGenerate architecture documentation using C4 model Mermaid diagrams. Use when asked to create architecture diad3-vizCreating interactive data visualisations using d3.js. This skill should be used when creating custom charts, gfigma-implement-designTranslate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design2d-games2D game development principles. Sprites, tilemaps, physics, camera.3d-games3D game development principles. Rendering, shaders, physics, cameras.
← Back to Skills