Skills
.Work. You
Rest

figma-icon-finder

Official

PatternFly icons from Figma to code imports.

Software Engineering#figma#design-to-code#ui-development#react-icons#patternfly#icon-import
Authorpatternfly
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Identifies PatternFly icons used in Figma designs and provides the correct import statements for React components, streamlining design-to-code handoffs and reducing back-and-forth between designers and developers.

Core Features & Use Cases

  • Icon identification from a Figma screenshot or URL, with mapping to the correct PatternFly icon names.
  • Import guidance that outputs precise imports from @patternfly/react-icons and example usage patterns.
  • Reference-backed matching using a local icon catalog to improve consistency across projects.

Quick Start

Analyze a Figma screenshot or URL and return the exact React import statements for the identified PatternFly icons.

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: figma-icon-finder
Download link: https://github.com/patternfly/ai-helpers/archive/main.zip#figma-icon-finder

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.