Plus UI
Plus UI ↗️Be Our Sponsor ↗️
  • Getting Started
    • Documentation Overview
    • Component List & Plans
    • Support
    • Contributing
    • FAQs
  • UI Library
    • Overview
    • Changelog
    • Installation
      • React
      • Vue
      • Angular
      • Svelte
  • Design System
    • Overview
    • Setting up on Figma
    • Styles & Variables
  • Components
    • Overview
    • Accordion
    • Alert
    • Avatar
    • Badge
    • Button
    • Button Group
    • Breadcrumb
    • Checkbox
    • Chip
    • Divider
    • Drawer
    • Dropdown
    • Input
    • Link
    • Modal
    • Popconfirm
    • Popover
    • Progress
    • Radio
    • Rating
    • Select
    • Tab
    • Textarea
    • Toast
    • Toggle
    • Tooltip
  • Foundation
    • Overview
    • Color
      • Color Palette
      • Color Variables
      • Color Token List
    • Typography
    • Icons
    • Border
    • Spacing
    • Opacity
    • Shadows & Effects
    • Breakpoints
  • Customization
    • Customization
    • Theme
    • Accessibility
    • Tokens
Powered by GitBook
On this page
  • Plus UI Design System on Figma
  • Setting up Plus UI Design System on Figma
  • Styles & Variables
  • Like & Follow us on Figma Community!
  • Get help

Was this helpful?

  1. Design System

Overview

Design guidance, specs, and tools to streamline the work of getting from Figma to finished products.

PreviousSvelteNextSetting up on Figma

Last updated 11 months ago

Was this helpful?

Plus UI is a comprehensive Design System and UI Library that can be used with all popular frameworks and design tools together. We offer the full functionality of components that are carefully designed to meet modern design standards.

The components within Plus UI are initially envisioned and crafted in Figma, utilizing cutting-edge features such as variants, auto-layout, grids, responsive layouts, and more.

Plus UI Design System on Figma

Plus UI Design System is organized in a single figma folder which includes foundations and components. Each page includes design guidance and tools to help you to use and customise it.

Design 20X Faster

Plus UI Design System: A Figma toolkit with dynamic tokens, integrated with Tailwind CSS and Font Awesome for rapid project design. This multi-framework UI library developed by experts ensures swift delivery and seamless designer-developer collaboration. It offers pre-built, customizable blocks for efficient, consistent design work. Elevate your workflow with Plus UI – the synergy of speed and precision

Our Figma libraries and tools include our foundational styles, design tokens, components, and other helpers.

Plus UI's styles and variables enhance collaboration between designers and developers, mitigating inconsistency risks. They illuminate principles and patterns for addressing specific issues, serving as the cornerstone of our unified, centralized system.

Like & Follow us on Figma Community!

Thank you for exploring our design system! It's the result of nearly a year of dedicated crafting, and we believe it will elevate your design processes—making them faster, stronger, and smoother. If you find our free, open-source design system valuable, we kindly ask for your support—give a like ❤.️

Get help

If you're new to Figma, the platform may initially seem overwhelming, but exploring the interface can be a fun and rewarding experience. Before you can use the Keep Design System in Figma, it's essential to learn the basic tools and functionalities of the platform.

Install​

Access public design system Figma resources in the ​

Variables sync your style with system-wide design choices, enabling features like dark mode to scale seamlessly across Plus UI. ​

To learn more about how to set up Plus UI Design System on Figma please

To learn more about Plus UI's styles and variables

Setting up Plus UI Design System on Figma
Plus UI's figma libraries.
Plus UI Figma Community.
Learn more about design tokens and its application on Plus UI.
click here.
Styles & Variables
click here.
Plus UI Design System | Figma CommunityFigma
Plus UI Design System on Figma
Plus UI Design System | Figma CommunityFigma
Plus UI Design System on Figma
Cover

Join Figma Community

Cover

Join Discord Community

Cover

Join us on Twitter

Logo
Logo