Essential files, plugins, and widgets to help you build and maintain your design system
Quickly rename multiple variables at once to keep your design system organized
Generate code-ready syntax for your variables to streamline developer handoff
Automatically sync your Figma variables to your code repository
Audit and lint your components to ensure consistency across your design system
Track tasks and improvements needed for your component library
Best practices and guidelines for naming components in your design system
Learn how to structure and map variables effectively in your design system
Get started with variables using this comprehensive starter template
Visual flowcharts to guide your migration to Figma variables
Organize your design system across teams, projects, and files effectively
Structure your design system and team for agency workflows
Recommended approaches for organizing your design team in Figma
Decision framework to help you determine when to create new components
Best practices for organizing and structuring your Figma files
Template to help you build and organize your teams and projects
Learn how to use branches to organize your work across files, projects, and teams
Separate and organize shipped features from work in progress
Align your file structure to your design process and workflow
Strategies for managing design systems across multiple organizations
Real-world examples of naming conventions and branching strategies
Establish consistent naming conventions for layers in your designs
Structure your Figma workspace for enterprise-scale organizations