figma-expert
CommunityMaster Figma for scalable design systems.
Author0xMerl99
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenges of creating and maintaining scalable design systems in Figma, ensuring consistency, efficiency, and better collaboration between design and development teams.
Core Features & Use Cases
- Component Design: Guidance on building robust, auto-layout-driven components with variants and properties.
- Design System Architecture: Best practices for organizing files, establishing design tokens, and implementing theme switching.
- Developer Handoff: Optimizing for Dev Mode to ensure smooth transitions from design to code.
- Use Case: A startup needs to establish a new design system for their product. This Skill can guide their designers in setting up a Figma library that is maintainable, scalable, and developer-friendly from the outset.
Quick Start
Use the figma-expert skill to create a button component with auto-layout and variants for different states.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: figma-expert Download link: https://github.com/0xMerl99/FangAI/archive/main.zip#figma-expert Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.