We’re thrilled to announce Kajoo Release 118, featuring a fresh new look for Design Systems (formerly known as Themes) along with significant updates to the Colors section. This release also addresses several key bug fixes to improve the overall platform experience. Let’s dive into the details!

✅ What’s New

🔄 Themes Are Now Design Systems — For Greater Clarity

We've officially renamed “Themes” to Design Systems across Kajoo. This update brings more clarity to how these configurations work, and more accurately reflects their role in your design process. By focusing on brand consistency and reusability, Design Systems help teams ensure cohesive visuals across all projects, making it easier to scale and manage design standards efficiently.

🛠️ Improved Navigation Experience in the Design System

We’ve revamped the main Kajoo navigation for a smoother user experience. The width of the navigation has been updated, and we’ve added a separate navigation bar specifically for the Design System section. The interface now includes:

A dedicated navigation bar for the Design System section.
Optimized layout and spacing for a less cluttered, more focused experience.

This makes switching between different parts of your Design System smoother and boosts your productivity by reducing clicks and visual noise.

🎨 Brand-New Color Palettes for Smarter Color Organization

The Colors section now features Color Palettes, letting you group and manage colors more intuitively:

Auto-generate and organize shades and tints visually under distinct modes.
Improve design consistency by referencing clearly structured palettes.

This makes it easier to establish a cohesive color strategy and apply it across all components and projects.

⚙️ Full Control Over Color Palettes

With this update, you have more flexibility when working with your color palettes. You can now add, edit, and delete color palettes directly within the Design System. Additionally, you can perform the same actions for individual colors within each palette, giving you full control over your color configurations.

📑 Updated Design System Section in Projects

The Design System section (formerly Themes) has been updated on the Project page, and now shows design tokens in a simplified view. We’ve simplified the settings for a more streamlined experience. To add or edit new design system tokens, you’ll find add and edit buttons that will redirect you to the Design System for full token management.

This helps you work faster and stay focused, with fewer barriers between ideation and execution.

🎨 Enhanced Color Selection in the Design Tab

Color selection just got an upgrade. You can now:

Browse and apply colors from your Design System palettes.
Search your Libraries for quick access to brand-approved hues.
Create custom colors on the fly, which are automatically saved to your Design System.

This ensures that every color you use is reusable and consistent, helping teams collaborate more effectively and reduce design drift.

Bug Fixes:

1. Preview Functionality in the Canvas Now Working Correctly (KAJOO-4246)

Issue:

The preview functionality on the top navigation bar (in the canvas area) was not working as expected. The page was rendering the canvas instead of showing the preview as a webpage. Additionally, previewing the component from the left sidebar was broken.

Fix:

Both preview functionalities, whether accessed via the top navbar or the left sidebar now display the correct page or component preview as intended, providing a seamless preview experience.

2. Generate Design System from Photo Now Handles Larger Images (KAJOO-4255)

Issue:

Generating design system (previously "Themes") from a photo with a larger file size was causing an error.

Fix:

We’ve enhanced the Generate Design System feature to handle larger images, making it easier for you to use high-quality photos in your design system generation without errors.

3. Elements Preview Now Rendering Design Tokens and Global Styles (KAJOO-4224)

Issue:

In the Elements section under Design Systems (after opening a project), the preview was not correctly rendering styles based on global stylesheets or design tokens. This led to incomplete or incorrect previews for components that relied on external definitions.

Fix:

Previews now correctly render styles that reference design tokens or global stylesheets, ensuring an accurate representation of your components as you work on them.

We hope these improvements help streamline your experience in Kajoo, and as always, we appreciate your continued feedback. Let us know how we can further improve your workflow!