Figma Icon Exporter

Appearance

Icon Library Template (Figma) ​

Kickstart your icon system with our Figma Icon Library Template. It encodes the best practices used by the plugin for structure, naming, and export paths.

What’s inside ​

  • Component scaffold with Solid and Outline instances.
  • Slice targets pre-named to icons/{style}/{category}/{icon-name}.
  • Example categories (ai, arrows, files) to help you scale.
  • Notes and tips for maintaining consistency.

How to use ​

  1. Duplicate the template into your workspace.
  2. Rename categories to fit your design system’s taxonomy.
  3. Add new icons by duplicating the scaffolded component and updating:
    • Component group name (final icon name)
    • Instance names (style)
    • Slice name (full export path)

Component Hierarchy

Maintenance Tips ​

  • Keep names short and semantic (e.g., ai-chat, arrow-up-right).
  • Avoid duplicates by searching before adding a new icon.
  • Run the plugin’s Scan often to check for path mistakes before exporting.

Handy

Combine this with the Workflows guides to push straight to GitHub/GitLab with a reviewable PR/MR.