{
  "id": "cco-figma-figma-generate-design",
  "name": "figma-generate-design",
  "description": "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 Figma screen to match code', 'convert this modal/dialog/drawer/panel to Figma'. This is the preferred workflow skill whenever the user wants to build or update a full page, modal, dialog, drawer, sidebar, panel, or any composed multi-section view in Figma from code or a description. Discovers design system components, variables, and styles from Code Connect files, existing screens, and library search, then imports them and assembles views incrementally section-by-section using design system tokens instead of hardcoded values.",
  "version": "1.0.0",
  "author": "Anthropic Marketplace 3p",
  "tags": [
    "official-marketplace",
    "claude-code",
    "skill",
    "figma"
  ],
  "entryPoint": "tool_chain",
  "category": "official",
  "toolChain": [],
  "inputs": [],
  "outputs": [
    {
      "name": "result",
      "type": "string",
      "description": "Skill output"
    }
  ],
  "createdAt": "2026-04-27T03:04:45.385648+00:00",
  "updatedAt": "2026-04-27T03:04:45.385648+00:00"
}