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
  • Import Plus UI as your library
  • Step 1: Publish Library
  • Step 2: Enable library in your project
  • Step 3: Imported successfully
  • How to use Plus UI Components
  • Resource for Using Libraries in Figma
  • Get help

Was this helpful?

  1. Design System

Setting up on Figma

Whether you’re new on design system or Pro designer, you will find compherensive guide and documentation, tips, tutorials, and essential insights to kickstart your design project in this section.

PreviousOverviewNextStyles & Variables

Last updated 11 months ago

Was this helpful?

Import Plus UI as your library

Plus UI harnesses the power of Figma, allowing you to seamlessly publish libraries across your team for enhanced consistency and adherence to the style guide throughout your product.Any updates we release in subsequent versions of this Kit will be automatically reflected in the library assets of your file. This eliminates the need for manual tracking through version histories, ensuring you stay informed about changes effortlessly. Here is the comprehensive process for publishing this kit as a library within your design file.

Step 1: Publish Library

On the left menu, click on Assets tab and click the Libraries Icon.

A pop-up will appear, presenting Plus UI, with the publish button located on the right side for releasing the kit as a library. Simply click the Publish button, and Figma will initiate the compilation process for all library components.

Step 2: Enable library in your project

Once Figma has successfully published the library, the subsequent step involves enabling the library in your file. You'll find the Plus UI library with a toggle switch adjacent to it—click on the toggle to activate it.

Step 3: Imported successfully

After activating your library within a project, you will immediately have access to all the assets from your library in the assets panel. Should there be any modifications to the library, you will receive prompts to update it and ensure synchronization.

How to use Plus UI Components

Navigate to the Assets tab in the left menu, where you'll find Plus UI components. Select a component either from the list or by utilizing the search function.

You can see the properties of chosen components in Detail tab. Furthermore, you can change the properties on the right hand panel.

Resource for Using Libraries in Figma

Get help

Still having issue? Get help from our communities below.

Plus UI Design System | Figma CommunityFigma
Plus UI Design System on Figma
Libraries – Figma Learn - Help Center
Logo
Cover

Join Figma Community

Cover

Join Discord Community

Cover

Join us on Twitter

Logo