figma-mcp-mapping
CommunityMap Figma MCP to Flutter tokens for design consistency.
AuthorAdhamHashim
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps in accurately mapping Figma MCP design elements to Flutter tokens, ensuring design consistency across platforms.
Core Features & Use Cases
- RTL Conversion: Converts Figma Right-to-Left (RTL) elements to Flutter's RTL rules.
- Screen Padding Adjustment: Adjusts padding/margin values for screen-level design elements.
- RTL Section Verification: Ensures Figma sections are correctly mirrored for RTL reading.
- Icon Usage: Guidelines for using icons without color or wrapper changes.
- Widget Mapping: Mapping Figma elements to Flutter widgets for consistent development.
- Quick Start: Automate the mapping process using the
figma-mcp-mappingskill.
Quick Start
Use the figma-mcp-mapping skill to map the Figma MCP design elements for your Flutter app.
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-mcp-mapping Download link: https://github.com/AdhamHashim/flutter_clean_arch_base/archive/main.zip#figma-mcp-mapping 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.