figma-widget-mapping

Community

Map Figma components to Flutter widgets efficiently

AuthorAdhamHashim
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the challenge of converting Figma design elements into Flutter widgets, simplifying the design-to-code transition.

Core Features & Use Cases

  • Component Mapping: Maps Figma elements (Frames, Auto-layouts, Instances, etc.) to Flutter widgets.
  • Automated Conversion: Provides a master mapping table for automatic conversion.
  • Guidance for Developers: Offers instructions for implementing design elements in Flutter.

Quick Start

Utilize the 'figma-widget-mapping' skill to find the corresponding Flutter widget for a specific Figma component, e.g., "What is the Flutter widget for a Figma Frame with auto-layout?"

Dependency Matrix

Required Modules

None required

Components

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-widget-mapping
Download link: https://github.com/AdhamHashim/flutter_clean_arch_base/archive/main.zip#figma-widget-mapping

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.