skills.rest
librefang
librefangOFFICIAL
Explore all skills by this author →
WebsiteGitHub

figma-expert

Create scalable Figma design systems with tokens and handoff-ready specs.

10|7|Updated Mar 14, 2026
Search Tags:#components#figma#handoff#autolayout#design-tokens#design-systems
One-click install
npx skills add https://github.com/librefang/librefang-registry --skill figma-expert-librefang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-expert
Source: https://github.com/librefang/librefang-registry/tree/main/skills/figma-expert
Command: npx skills add https://github.com/librefang/librefang-registry --skill figma-expert-librefang

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps design teams reduce coordination overhead by centralizing guidelines for scalable Figma design systems and precise developer handoff.

Core Features & Use Cases

  • Component architecture guidance that minimizes sprawl by using variants and properties.
  • Token-driven design approach with colors, typography, spacing, and radii defined once and reused across components.
  • Handoff-ready specs with measurements, responsive behavior, and export guidelines for developers.

Quick Start

Define a new button component with variants and tokens, then hand off to engineers with ready-to-implement specs.

Frequently Asked Questions about figma-expert

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure Figma components to minimize sprawl across a design system?▼

Define design tokens for colors, typography, spacing, and radii once and reuse them across components. This token-driven design approach ensures consistency and scalability, allowing cross-functional teams to maintain a single source of truth.

How do I prepare Figma handoff specs for developers?▼

Prepare Figma handoff specs by including precise measurements, responsive behavior, and export guidelines. This provides developers with ready-to-implement specifications, streamlining the handoff process and reducing coordination overhead between design and engineering teams.

What is the best way to manage auto-layout for responsive Figma components?▼

Manage auto-layout by defining responsive behavior and export guidelines within your component architecture. This ensures handoff-ready specifications are maintained in a token-centric, version-controlled workflow, allowing components to adapt precisely across different screen sizes.

Do I need design tokens to maintain a scalable Figma design system?▼

Yes, you need design tokens to maintain a scalable Figma design system. A token-driven design approach defines colors, typography, spacing, and radii once for reuse across components, satisfying requirements for token-centric, version-controlled workflows.

Related Skills

Explore More Design & Creative Skills→
Ayub-KhanAyub-Khan

ui-ux-design

Define scalable UI/UX design systems with tokens for Figma handoff.

Community
Intermediate
coreymaypraycoreymaypray
1

ui-designer

Create token-based UI systems and component libraries for mobile and web projects.

Community
Advanced
manutejmanutej
61

figma-design

Automate Figma design workflows for plugin development and design-system management.

Community
Advanced
avav25avav25
2

ui-ux-design

Standardize UI design with tokens, components, and handoff templates.

Community
Advanced