Figma Use
figma/mcp-server-guideThis skill lets you control Figma files by running JavaScript code. You can create, edit, or delete design elements like nodes, components, and variables. It uses the Figma Plugin API through a tool called use_figma.
You do not need to be a developer to understand its purpose. It helps you automate design tasks directly inside Figma. For example, you can set up auto-layout, bind variables to properties, or inspect the file structure.
Always load this skill before using the use_figma tool. This avoids common bugs. Work in small steps and validate often for the best results.
Add Figma Use skill to your workflow
Global
mkdir -p ~/.claude/skills/figma-useProject
mkdir -p .claude/skills/figma-useSource Repository
More Design & UI/UX Claude Code Skills
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules
Brandkitleonxlnx/taste-skill
Create premium brand-kit images that feel intentional, minimal, and presentation-ready