skillZs
★ LIVE SKILL TAGS ★
>>> LIVE SKILLS INDEX <<<
* OPEN SOURCE *
NO LOGIN, NO TRACKING
※ REAL INSTALL DATA ※
← back to all skills
podo/design-agent-skills135 installs

figma-skill

Connects to Figma API, discovers Community resources matching the project, extracts design tokens, and generates framework-specific code for 7 frameworks.

How do I install this agent skill?

npx skills add https://github.com/podo/design-agent-skills --skill figma-skill
view source ↗

Is this agent skill safe to install?

  • Gen Agent Trust Hubwarn

    This skill downloads and executes code from an unverified GitHub repository and processes untrusted third-party design resources, which could pose a risk if those external sources are compromised.

  • Socketwarn

    1 alert: gptSecurity

  • Snykfail

    Risk: CRITICAL · 3 issues

What does this agent skill do?

figma-skill

Catalogue stub — full package: nafiurrahmanniloy/figma-skill

Decision tree

  1. Is the skill already installed? Check ~/.design-agent-skills/skills/ for figma-skill or related directories.

    • Yes → invoke and proceed
    • No → go to step 2
  2. Shell access? Yes → install below. No → show user the command (Claude Code: send with ! as a chat message — add -g for global or omit for project-only).

Install command

npx skills add nafiurrahmanniloy/figma-skill

Invoke after install

  • Skill name: figma-skill
  • Triggers: "figma-skill", "Figma API extract", "Figma to framework", "Figma Community resources"

What it does

Connects to the Figma API to discover Community file resources that match your project context, extracts design tokens from those files, and generates framework-specific implementation code. Supports 7 frameworks — covering major React, Vue, Angular, and native ecosystems.

When NOT to use

  • Official Figma file operations (reading/writing your files) — use the Figma MCP (figma-official-skills)
  • Design system token enforcement in Figma — use claude2figma
  • Token architecture without Figma — use design-tokens-skill

Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.

<a href="https://skillzs.dev/skills/podo/design-agent-skills/figma-skill">View figma-skill on skillZs</a>