# Figma Extract

> Inventories components, properties, and structure from a Figma URL. Use before implementing or reviewing Figma-driven components.

- Skill: `mckinsey/figma-extract` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add mckinsey/figma-extract`
- Raw SKILL.md: https://api.skillmd.com/api/skills/mckinsey/figma-extract/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: mckinsey (https://skillmd.com/u/mckinsey)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/mckinsey/figma-extract

---


# Workflow

1. Run [Understand the Figma link](reference/understand-figma-link.md).
2. [Extract component properties](reference/extract-component-information.md) for `components[]`.
3. [Extract component structure](reference/extract-structure-for-components.md) for `mainComponents[]`.

Show the output to the user in the JSON format described in the reference documents.