figma-illustration-import
OfficialImport Figma illustrations as React components.
AuthorCoRLab-Tech
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the process of incorporating custom vector illustrations from Figma into a React application, ensuring consistency and reusability.
Core Features & Use Cases
- Figma to React Component: Converts Figma designs into self-contained React components.
- Asset Management: Downloads and organizes SVG/PNG assets locally.
- Theming Support: Ensures illustrations adapt to both light and dark themes.
- Use Case: When a new feature requires a unique visual element not available in standard icon libraries, this Skill allows designers and developers to quickly integrate it from Figma.
Quick Start
Use the figma-illustration-import skill to add a new illustration from Figma node ID '12345'.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 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-illustration-import Download link: https://github.com/CoRLab-Tech/skills/archive/main.zip#figma-illustration-import 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 471,000+ vetted skills library on demand.