apply-figma-make
CommunityApply Figma Make exports to pages with CSS.
Software Engineering#react#css#animation#web-development#design-to-code#figma-make#framework-conversion
Authorjaeyeom
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Automates applying Figma Make exports to website pages by translating React/motion.js animations into framework-appropriate CSS and structure.
Core Features & Use Cases
- Extract ZIPs of Figma Make designs and identify main component files (e.g., src/app/App.tsx)
- Convert motion.js animations to CSS keyframes and CSS transitions
- Preserve layout, imports, routes, and navigation while applying design
- Output a modified page wired to the target framework (Astro, Next.js, etc.)
Quick Start
Provide a Figma Make zip and a target page to apply the design.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: apply-figma-make Download link: https://github.com/jaeyeom/claude-toolbox/archive/main.zip#apply-figma-make 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.