figma-to-studio-view
OfficialAutomate the conversion of Figma designs to pixel-accurate M@S Studio views.
Authoradobecom
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the process of converting Figma designs into pixel-accurate M@S Studio views, saving time and ensuring consistency across UI components.
Core Features & Use Cases
- Figma to Studio Conversion: Converts Figma frames into production-ready Lit views.
- Region Decomposition: Decomposes designs into named UI regions for reuse and customization.
- Parallel Component Agents: Utilizes parallel agents for efficient design conversion and validation.
- Use Case: Ideal for converting Figma designs into M@S Studio list views, tables, and other UI components.
Quick Start
Use the figma-to-studio-view skill to convert a Figma design into a Studio view by providing the Figma URL and specifying the view type.
Dependency Matrix
Required Modules
component-registrytoken-mappingWORKFLOW.js
Components
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-to-studio-view Download link: https://github.com/adobecom/mas-claude-config/archive/main.zip#figma-to-studio-view 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.