Devin-AXIS — 60 mods

Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update .figma.ts or .figma.js files.

5.2k +57 yesterday A 57 tokens

figma-create-new-file

57

Devin-AXIS/iPolloWork

Skill Claude CodeCodex

MANDATORY prerequisite — you MUST invoke this skill BEFORE every createnewfile tool call. NEVER call createnewfile directly without loading this skill first. Trigger whenever the user wants a new blank Figma file — a new design, FigJam, or Slides file — or when you need a fresh file before calling usefigma. Usage …

5.2k +57 yesterday A 121 tokens

figma-design-to-code

58

Devin-AXIS/iPolloWork

Skill Claude CodeCodex

Use this skill when implementing a Figma design as code (design → code) — the read-FROM-Figma direction. Triggers: 'implement this Figma design', 'build this screen from Figma', 'turn this Figma into code', 'code this up from Figma', 'design to code', or a figma.com design URL provided alongside a codebase. Encodes…

5.2k +57 yesterday A 166 tokens

figma-generate-design

59

Devin-AXIS/iPolloWork

Skill Claude CodeCodex

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 Figma', 'update the…

5.2k +57 yesterday A 192 tokens

figma-generate-diagram

60

Devin-AXIS/iPolloWork

Skill Claude CodeCodex

MANDATORY prerequisite — load this skill BEFORE every generatediagram tool call. NEVER call generatediagram directly without loading this skill first. Trigger whenever the user asks to create, generate, draw, render, sketch, or build a diagram — flowchart, architecture diagram, sequence diagram, ERD or…

5.2k +57 yesterday A 164 tokens