Prototype products with Once UI for Figma

From early stage, high-fidelity prototyping to rapidly designing marketing assets, Once UI for Figma is here to assist

Preview file

Used by 1k+ designers

Once UI Figma design system and component library

Build a strong brand on flexible foundations

Design system that scales with your product

Multi-level tokens

Build on a flexible foundation with semantic design tokens

Responsive design

Manage responsive designs within a single file using breakpoint variables

Nested components

Create complex designs with a deeply nested component system

Dark mode support

Toggle between light and dark mode with variables

Foundations and variables from the Once UI design system for Figma

Preview in Figma

Multi-level token system for consistent design

The different levels of abstractions provide flexibility and ease of maintenance

Responsive Design

One design, all devices

Responsive designs within a single component

Light mode design example from Once UI for Figma

Dark mode page design built with Once UI for Figma

"Amazing is an understatement to the Once UI Figma library. I didn't realize these concepts were technologically possible until I saw this execution!"

Light

Founder

@Dusk

Design like the pros

For creators who don't wait for permission

Preview file

Get Pro

Once UI is an open-source project by Dopler

ProductsAll Products Once UI Core Once UI Blocks Once UI Figma Magic Portfolio Magic Store Magic Docs Magic Bio

LearnCustomize Once UI Core docs Magic Portfolio docs Magic Store docs Magic Docs docs Magic Bio docs Roadmap Changelog

ResourcesPricing About us Merch store Terms of Use Privacy Policy License Agreement

Once UI HubExplore Create profile

Connect

Discord

GitHub

News and updatesSign up to the Design Engineers Weekly newsletter