4.3.1 Use Cases for Create
The following scenarios illustrate how the Create feature can be applied in practice.
Table 7. UCC001 - Rapid Design System Setup
Scenario
A designer is starting a new project or building a design system from scratch. They need to set up a consistent color foundation quickly so they can begin designing without delay.
Challenge
Setting up a complete, well-structured color system in Figma manually involves repetitive steps and is time-consuming. Under time pressure, designers may skip steps, leading to inconsistent naming or missing variants, which makes scaling difficult later.
Kolibri Sync Solution
By following the step-by-step, the user benefits from the following results:
Instantly sets up a palette inside a color collection
Have color variables for light and dark mode in the new collection
Can easily transfer the fitting variables to a final working collection
Impact
Saved setup time
Immediately usable color variables applicable on UI elements
Consistent structure and naming across palettes
Solid foundation for design system scaling
Table 8 UCC002 - Light/Dark Mode Prototyping
Scenario
A designer is working on an existing project with an established light mode palette but no dark mode equivalent. They need to create a matching dark mode palette that maintains contrast, accessibility, and brand alignment.
Challenge
Experimenting and adjusting colors one by one, testing them in components dark mode environments takes time. Finding suitable dark mode variants leads to slow iteration cycles.
Kolibri Sync Solution
Kolibri Sync automates the generation of a dark mode palette
Suggests how dark mode colors can be used in example components
For each light mode color variable, a corresponding dark mode variant is added to the same group in the Figma collection
Impact
Can prototype and test dark mode colors much faster
Immediate visual feedback through example components
Consistent and accessible dark mode palettes
Table 9. UCC003 - Color Playground for Rapid Exploration
Scenario
A designer wants to experiment with new color ideas without committing to a finalized palette.
Challenge
Without a defined set of colors, progress slows as they spend a significant amount of time on testing and adjusting colors before settling on a palette. This creates a bottleneck in moving the design forward.
Kolibri Sync Solution
Kolibri Sync’s Create feature enables rapid testing and refinement of color palettes during early design stages.
Instant foundation of color variables and a palette frame with example components for designing
Apply variables directly to UI elements and begin prototyping without manual setup.
Allows easy refinement of color variables. Re-running the plugin with updated inputs and identical color names overwrites existing variables.
Get instant Feedback when overwriting color variables. Changes appear immediately across the design where variables are applied.
Impact
Promotes early use of color variables
Faster iteration and decision-making
Easy refinement of palette during design
Supports experimentation
Last updated