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

Aspect
Description

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

Aspect
Description

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

Aspect
Description

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