Introducing Frontio

We're excited to announce our rebrand from Zigma to Frontio. This isn't just a new name—it's a reflection of our expanded mission to revolutionize how teams build frontend applications.

Why the Change?

When we started as Zigma, we had a clear vision: to make design systems accessible to everyone. However, as we grew and evolved, we realized our brand needed to evolve with us. While design systems formed our foundation, our ambition grew into creating a comprehensive platform for all aspects of frontend development.

Why Frontio?

The frontend development landscape hasn't fundamentally changed in years. Despite advances in tooling, teams still face persistent challenges:

• Maintaining design consistency across large-scale applications
• Sharing and reusing frontend code effectively between projects
• Spending months on rebranding initiatives
• Building and maintaining applications across multiple platforms
• Bridging the communication gap between designers and developers
• Implementing and scaling design systems efficiently

We saw an opportunity to change how teams approach frontend development. Frontio isn't just a new name—it's our commitment to solving these challenges once and for all.

Our Mission

Empower teams to build beautiful, accessible & performant frontend applications faster. We believe that every team should be able to create and iterate on components with confidence, knowing their work will always align with their design system.

We've built frontend tools for years and know the challenges of keeping designs consistent as projects grow. We're here to help developers and designers work better together to ship great products faster.

What Frontio Can Do Today

Frontio already offers powerful features to bridge the gap between design and development:

Design Token Management

• Pull & sync Figma variables to your Frontio project and vice versa
• Automatically generate Pull Requests to your connected repository with updated variables (colors, typography, border radius, etc.)
• Simplified variable management across design and code
• Support for Figma collections
• Update multiple variables simultaneously using natural language
• Centralized control panel to keep all design system variables organized on both sides
• Track all project changes and activity to see who modified variables and when

When designers update variables, developers get the changes automatically. No manual updates, no inconsistencies.

What's Coming Next

Asset Management

Soon you'll be able to upload and manage all your brand assets in one place:

• Images
• Typography files
• SVG resources
• Logos
• Brand guidelines
• And more

Icon Management

Every design system needs a comprehensive icon library. We're developing a system that will:

• Maintain consistency across all your projects
• Allow easy icon replacement through unique naming conventions
• Enable seamless updates across your entire system

Component Integration

We're working hard to bring NextUI integration to Frontio:

• Connect your NextUI projects directly
• Manage all theme decisions from a single source of truth
• Maintain consistent component styling across your applications

Context-Aware AI

Imagine an AI with complete awareness of your:

• Components
• Icons
• Images
• Design decisions

This AI will help frontend developers iterate faster while maintaining design consistency.

What's New?

Redesigned Dashboard Experience

We've completely revamped our dashboard with a focus on user experience and productivity. The new interface offers:

• Intuitive workspace organization
• Sidebar navigation makes it easier to navigate between different screens
• Clear visual hierarchy for better workflow management
• Improved design system management
• Teams, plans & billing management

Better dark mode

We've improved our dark mode experience by adding a new color palette that avoids pure black, ensuring better contrast and readability while being easier on the eyes.

NextUI and NextUI Pro enabled us to redesign our entire platform in record time while achieving a beautiful interface by default.

Enhanced Performance

We've made significant improvements to our platform's performance:

• Migration to Next.js 15
• Integration of NextUI beta version which supports React 19 & Next.js 15 & use of individual components instead of the entire library, reducing bundle size by almost 50%
• Implementation of advanced pre-fetch and caching strategies
• Optimized animations with lazy-loaded Framer Motion components

New Features

• Comprehensive plans & billing management
• Team collaboration with role-based access control
• Enhanced component organization
• Activity logs for all changes made to your design system

Migration Guide

If you're coming from the previous version of our CLI (zigma-cli), here are the steps to migrate to the new version:

1. Package Name Change

Update your package dependency from zigma-cli to @frontio/cli:

Remove the old package:

npm uninstall zigma-cli

Install the new package:

npm install -g @frontio/cli

You can also use npx to run the CLI:

npx @frontio/cli command

2. Figma Plugin Update

1. Remove the old Zigma plugin from Figma
2. Install the new Frontio plugin from: Frontio by NextUI

3. Access Token Reset

For security reasons, we recommend:

1. Disconnect your current Access Token
2. Create a new Access Token using the new Frontio plugin
3. Login again using the new credentials

4. GitHub Repository Reconnection

We also recommend:

1. Disconnect your current GitHub repository
2. Reconnect it using the new Frontio integration
3. Verify your repository permissions are correctly set

Coming Soon

We're not stopping here! Our roadmap includes exciting features:

• NextUI theme integration
• Improved tokens management
• Custom NextUI components in your component library
• Generative UIs on top of your design system & existing components
• AI-generated components based on your design system
• Seamless Frontio to Figma & Figma to Frontio workflow

Join Our Journey

We're at the beginning of an exciting journey to modernize frontend development. The challenges of implementing design systems and maintaining consistency shouldn't hold teams back in 2024 and beyond.

We're building something special here, and we want you to be part of it.