10 actions in 9 pieces of software · ranked by words, meaning and measured trust · 662 ms

1. 1figma-useverified and signedpassport

   skillopenai/skillsrecord

   • figma-use

     **MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requ

2. 2figma-useverified and signedpassport

   skillnexu-io/open-designrecord

   • figma-use

     Run Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work. Prerequisite for every other Figma skill in this catalogue.

3. 3figma-use-figjamverified and signedpassport

   skillfigma/mcp-server-guiderecord

   • figma-use-figjam

     This skill helps agents use Figma's use_figma MCP tool in the FigJam context. Can be used alongside figma-use which has foundational context for using the use_figma tool.

4. 4figma-use-slidesverified and signedpassport

   skillfigma/mcp-server-guiderecord

   • figma-use-slides

     This skill helps agents use Figma's use_figma MCP tool in the Slides context. Can be used alongside figma-use which has foundational context for using the use_figma tool.

5. 5figma-use-motionverified and signedpassport

   skillfigma/mcp-server-guiderecord

   • figma-use-motion

     Motion / animation context for the `use_figma` MCP tool — animating Figma nodes via manual keyframes, animation styles, easing, and timeline duration. Load alongside figma-use whenever a task involves adding, editing, or inspecting animation on a node. Also covers working with custom animation style

6. 6figma-implement-designverified and signedpassport

   skillopenai/skillsrecord

   • figma-implement-design

     Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "generate code", "implement component", provides Figma URLs, or asks to build components matching Figma specs. For Figma ca

7. 7figma-usefound in code, not yet checkedno passport yet

   MCP serverdannote/figma-use

   • figma_render

     Render JSX to Figma. Pure JSX only (no variables, no logic). Elements: Frame, Rectangle, Ellipse, Text, Line, Star, Polygon, Vector, Group, Icon. Style shorthands: w, h, bg, rounded, p, px, py, flex, gap, justify, items, size, weight, color.

   • figma_status

     Check if Figma plugin is connected

8. 8figma-generate-designverified and signedpassport

   skillopenai/skillsrecord

   • figma-generate-design

     Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in

9. 9figmaverified and signedpassport

   skillopenai/skillsrecord28,186 stars

   • 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 involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.