Skill · Design

figma-integration

Designmcpdirectory↓ 24

Guides design-to-code workflow using Figma integration. Helps extract designs, analyze components, and generate implementation specs. Auto-activates when users mention Figma URLs, design implementation, component conversion, or...

Install
$ npx skills add duongdev/ccpm --skill figma-integration

Generic steps — the original listing is authoritative. Copy the command, run it where you keep agent skills, then confirm version and requirements in the original listing.

At a glance

  • Guides design-to-code workflow using Figma integration.
  • 24 installs reported on mcpdirectory.
  • Published by duongdev — listed by mcpdirectory. Setup details live in the original listing.

How to use

  1. Copy the Install command above.
  2. Run it where you keep agent skills.
  3. Confirm version and requirements in the original listing.

More in Design

  • scriptwriting — Use when crafting scripts, storyboards, and messaging for video content.
  • latex-posters — Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter.
  • gemini-video-understanding — Analyze videos using Google's Gemini API - describe content, answer questions, transcribe audio with visual de
  • user-journeys — User experience flows - journey mapping, UX validation, error recovery
  • aws-solution-architect — Design AWS architectures for startups using serverless patterns and IaC templates.
  • api-security-best-practices — Implement secure API design patterns including authentication, authorization, input validation, rate limiting,

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.