memi-design

Figma Generate Design — Design skill for Claude Code

Design community

Create new Figma screens and pages using existing components, variables, and design system.

How to install Figma Generate Design

Installs to ~/.claude/skills/memi-design-memi-figma_generate_design/SKILL.md

Terminal

mkdir -p ~/.claude/skills/memi-design-memi-figma_generate_design && curl -fsSL https://raw.githubusercontent.com/memi-design/memi/HEAD/skills/FIGMA_GENERATE_DESIGN.md -o ~/.claude/skills/memi-design-memi-figma_generate_design/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Figma Generate Design does

name: figma-generate-design description: Create new Figma screens and pages using existing components, variables, and design system user-invocable: true model: opus effort: max context:

skills/FIGMA_USE.md
skills/ATOMIC_DESIGN.md

/figma-generate-design — Create Designs Using Existing Components

Generate new screens and pages in Figma using your existing components, variables, and design system. Produces structured, spec-compliant layouts with full self-healing validation. R

Alternatives in Design

Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
Site — Crawl a whole site and synthesize ONE canonical design system across all pages — unified tokens, coverage map 3.6k ★
Extract — Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase 2.8k ★