Figma component naming guide displayed on a purple background.

This guide offers a structured approach to naming components within Figma libraries, making collaboration and design handoffs smoother. It provides practical advice on organizing component names, types, and instances, as well as handling layers and variant properties. By focusing on consistency and clarity, it simplifies the often complex task of managing design systems.

You’ll find specific recommendations for naming disabled or resting states, icons, and system elements, ensuring a cohesive framework across projects.

UI & UX design inspiration for mobile & web apps.

orbs




Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.