figma-creator
CommunityDesign directly in Figma with precision and efficiency.
Authorrp4ri
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the need for efficient design creation and manipulation within Figma, streamlining the process of building visual designs programmatically.
Core Features & Use Cases
- Figma Design Creation: Offers tools to create page structures, frames, and layouts in Figma.
- Auto-Layout Composition: Facilitates building compositions with proper spacing and alignment.
- Component Sets & Styles: Generates component sets and applies paint and text styles for consistency.
- Design Tokens: Sets up design tokens as variables for consistent branding.
- Validation: Provides screenshot validation after each major creation step.
- Use Case: Ideal for UI/UX designers or product designers who need to build hi-fi screens or components within Figma.
Quick Start
To create a new page with auto-layout and apply a brand style, run the command: 'create page with auto-layout and apply brand style'.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 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-creator Download link: https://github.com/rp4ri/pi-studios/archive/main.zip#figma-creator 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 620,000+ vetted skills library on demand.