The ULTIMATE Figma UI Kit (Flowbite)

Flowbite is the ULTIMATE Figma UI kit that money can buy! In all seriousness, this Figma UI kit is one of the best UI kits I've worked with. The number of component variants, fully designed pages, and mobile-friendly designs you get with this kit are astounding. This is by far, one of the best UI kits I've ever worked with.

Check them out!

Try it out for free!

Timestamps:
0:00 Game-Changing UI System
1:46 Components & Variants
4:35 How To Use The Variants
6:52 Dashboard Example Pages
10:46 CSS Implementation
11:36 Pricing

🚀 Subscribe for more weekly design content

🎥 What I use in my videos!

📄 Bonsai Referral (try for free)

👨‍💻 Connect with me

🌎 Socials

DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you!

[ArnauRos]

Thanks for watching! Let me know if you have any questions :)

[adnanamin]

Hey Arnau. Just wanted let you know. Found you from one of your community figma portfolio UI templates. Currently converting that figma design into react for practices. I'm glad I found your channel on youtube.

Keep up the good work. Much appreciated. ♥

[guillemrossalvador]

Looks great, will definitely check them out

[LizPaprikaCreative]

wow! thank you! this was perfect. Well explained and a great resource.

[namenl]

How did you create toggles in the figma panel? 8:21 oef.. I haven't used it for 5 months and there is so many changes already

[PwrSrg]

This kit is AMAZING, but is so deep and complex that I have NO IDEA where to even START, not to mention how to fully leverage it's true potential! 🤯

Can you do a tutorial video on HOW to properly utilize a fully-loaded UI Kit like this from start to finish?? That would be a KILLER resource, but I couldn't find anything similar on your channel. Especially one like FlowBite which was somehow "Built using the Tailwind CSS utility classes". 🤔 I didn't even know that was possible in Figma, but would love to learn how!

Thanks!

[natalii]

Hey! :D 
I would like to know if you have any experience with exporting Figma project with animations straight to code -> tailwind css?
Have you used any plugins, do you recommend anything? I had problem with anima. For me it works poorly.. or maybe I cannot use it yet 😅

[ed]

Can you make a video of how to customize this kit with your own color and styling and apply to the whole kit

[Vsimpizdec]

Hey, how do I add a columns in the table without detaching component?

[PhilipWallage]

Would love to know how they handled the Font / Leading. Are you able f.e. to create a 2-XL with tight leading?

[karolissteponavicius]

Hey, this all looks good in theory.
But how do I change a font family for all registered Text styles?
(there's like hundreds of them).

[J.K.Munyoki]

Hey there, Awesome video. How does one get the professional version to work on Figma after payment? Do they send you a link or how does it work?

[mischugo]

I find this kind of UI kit presentation realy helpful. There are many more of them. But what I, unfortunately, do not find:
If I have created a kit, and I now want to completely rework it, optimize, re-nest, and create variants ... and much more ... how do I proceed? how do I prevent that my existing layouts do not get any problems, how should the structure look ... which naming I should absolutely use?

[joshnewman]

Hi Arnau, if I want to use an existing drawer sidebar for nav items, but then add more pages to it, wouldn't I need to detach the parent component? Isn't that bad practice to detach? I don't know how you would edit a parent component and add more items to it without detaching from the main library.

[arminm]

What I can't figure out is the pricing, it does not mention anywhere on the site if it is a yearly subscription or a one time payment.

[rosasilvestre]

Estoy estudiando diseño gráfico y ux/ui, tal vez tengas un iMac pero por si acaso no, sabes qué monitor sería correcto que me comprara? (Pulgadas, resolución, rango color..)

[techbudi]

Please could you send a link to your figma ui kits?

[DJay]

This is great but im confused how this fits in with client branding?
for example, say those colors/typography are not on brand? would i go in and change the colors/typo in figma then notify the dev ?
and how about layout? if everyone used this template wouldnt every website look basicly the same?