Try These 10 Skills—And Show Off Your Own | Figma Blog (opens in new tab)

Skills are plain-text Markdown instructions that help Figma’s agent apply a designer’s preferences, workflows, and judgment. The post argues that skills are useful not only for engineers but also for codifying creative approaches, such as easing curves, typography, image audits, and motion principles. Figma now lets users create, preview, edit, and iterate on skills directly in the product, with some also compatible with Figma’s MCP server.

What Figma skills enable

• Designers can create skills from:
  • A reference design frame
  • Specific instructions or guidelines
  • Repeated personal workflows
• The agent can draft a skill, which users can preview and test in chat.
• Skills can be refined by:
  • Editing instructions and formatting
  • Asking the agent for recommendations
  • Opening the Markdown editor for manual changes
• Skills can capture individual design judgment and help teams reproduce a consistent point of view.
• Some skills work with Figma’s MCP server and third-party agents.

Examples of personal design skills

• /image-audit checks whether images in a file can be exported and places a report on the canvas.
• /shader-starter helps users write more effective shader prompts.
• /make-a-type-scale creates a type scale from selected text and generates corresponding font variables.
• /ease-like-miggi applies the author’s preferred easing curves to motion keyframes, allowing teammates to use the same motion style.

/xray-scan: Create radiographic image effects

Created by Adele Ix, this skill transforms a photo or description into a realistic X-ray image.

• Produces two visual treatments:
  • Glowing white lines on black
  • Darker tones on white
• Supports layered monochrome collages with glowing edges.
• Is especially suited to combining multiple scans into a unified composition.

/find-animation-opportunities: Identify missing motion

Created by Emil Kowalski of Linear, this skill reviews a design and suggests where animation could improve the experience.

• Identifies elements that should animate and areas that may be over-animated.
• Recommends:
  • What should move
  • Where the motion should occur
  • Exact animation values
• Suggestions can be implemented manually in Figma Motion or applied by the agent.
• Works best when focused on one frame with contextual information, such as the target persona.
• It can also be asked which elements should remain static.

/camera-pan-and-zoom: Animate static compositions

Created by Mallory Dean, this skill adds camera-like movement to a static design.

• Builds a nested camera rig around selected content.
• Supports pan, zoom, and roll animations.
• Can create directed sequences, such as touring a grid of cards before zooming out to reveal the full composition.
• The skill is intended to make static compositions feel more cinematic and dynamic.

Practical takeaway

Designers can use skills to turn personal techniques and repeatable creative decisions into reusable tools. Start with a focused workflow, test the generated skill in Figma, and refine its Markdown instructions until it reliably produces the desired result.