Skills
.Work. You
Rest

figma-ui-designer

Community

Design & build UIs with Figma integration.

Design & Creative#figma#prototyping#component generation#ui design#design to code#ux research
Authorabhattacherjee
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the UI design process by integrating directly with Figma, enabling interactive design, expert brainstorming, and seamless design-to-code workflows.

Core Features & Use Cases

  • Interactive Design & Brainstorming: Leverages a UX expert agent to research real-world references and propose grounded design directions.
  • Design-to-Code Bridging: Extracts design context from Figma to generate specs, plans, or implementation code.
  • Workflow Automation: Supports capturing running apps, designing new projects, enhancing existing features, and using Figma designs as input.
  • Use Case: You need to design a new user dashboard. This Skill will help you brainstorm aesthetic directions with an AI UX expert, capture the design into Figma, and then generate the necessary code structure.

Quick Start

Use the figma-ui-designer skill to start a new project design by brainstorming aesthetic options with the UX expert agent.

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-ui-designer
Download link: https://github.com/abhattacherjee/claude-code-skills/archive/main.zip#figma-ui-designer

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 471,000+ vetted skills library on demand.