Figma Use
openai/skillsFigma files can be controlled with code. This skill runs JavaScript inside your Figma document to create, edit, or delete layers. It also reads file structure and modifies properties like colors and layout. You no longer need to click around. Just tell the AI what to change and it will write the code for you.
Before every action, the skill must be loaded first. This avoids common errors. It works together with another skill that builds full screens from a design system. The code uses the Figma Plugin API and all its references are available in the skill folder.
Each step is small and validated. Colors use a 0 to 1 range. Fonts must be loaded before text. Layers added to a page start away from the top-left corner. These simple rules keep your designs safe and accurate.
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