Skip to main content
Question

How to use a UI Kit?

  • August 14, 2022
  • 4 replies
  • 5160 views

Thomas_Miskiewicz

Hi friends! I’m totally new to Figma. I bought a UI Kit.

What the proper way of working with a UI Kit?

Copying components between the UI Kit and my project and the UI Kit?

Working right in the UI Kit and creating a huge mess inside of it?

How do you do it?

And last but not least what the best way to familiarize myself with everything that’s inside the UI Kit?

Thomas

This topic has been closed for comments

4 replies

Brian_Saunders

Hi Thomas, if you’re on a professional plan I would try publishing the UI kit as a library, which would mean that you could find its components and use them in any of your other design files. If you’re on the free plan, I would probably copy elements out of the kit and into your files, to keep the kit clean and organized. To familiarize yourself with the kit you’ll have to explore it on your own! Unless the creator has provided instructions of some kind.


Thomas_Miskiewicz

Thanks!

How do I publish on professional plan?

Where can I read up on best practices on keeping those things organised?


Brian_Saunders

You can try this link from the Figma support materials to get started with libraries: https://help.figma.com/hc/en-us/articles/360041051154-Guide-to-libraries-in-Figma


Hi Brian, I am also very new to Figma and tried first myself to create like a counter for an Ecommerce app (Screenshot - +/-) Unfortunately I cannot animate this one so I thought I will use a UI kit instead. I found one, but how can I Animate those one (stepper)?

Bildschirmfoto 2023-08-23 um 16.27.41


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings