ui-color-palette-figma

Community

Orchestrate UI Color Palettes in Figma tokens.

Authora-ng-d
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides a structured, platform-agnostic routing layer that converts a UI Color Palette into Figma-ready tokens, variables, styles, and previews by coordinating the appropriate sub-skills and plugin actions.

Core Features & Use Cases

  • Route to generate Figma variables, local paint styles, and document previews from a palette.
  • Apply a structure-first workflow with normalized PaletteData projections for variables, styles, and preview.
  • Support combined handoffs (variables + styles + preview) or targeted workflows (variables only, styles only) depending on user intent.

Quick Start

Identify the target palette in the current session and invoke one of the references sub-skills to generate variables, styles, or a preview for Figma.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: ui-color-palette-figma
Download link: https://github.com/a-ng-d/claude-ui-color-palette/archive/main.zip#ui-color-palette-figma

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.