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.

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.