naming conventions organizing your design system

Best practices for organizing and naming conventions in design systems. The article emphasizes the importance of having clear and consistent naming to facilitate collaboration and implementation. Some key points covered include:

Principles such as clarity, consistency, descriptiveness, and using prefixes/suffixes are recommended. It recommends camelCase or kebab-case formatting.

Categorizing elements include basic elements, containers, navigation, controls, and media elements.

Approaches to categorization include alphabetical, design atoms, functionality, content type, and complexity level.

Resources like UI guidelines, checklists, component galleries, and collections of design systems are recommended for creating naming conventions.

It guides the setting up of logical structures and naming rules to build scalable and user-friendly design systems. Consistent naming helps developers and designers work seamlessly on 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.