This Figma UI Kit is a Game Changer | Untitled UI

[@darshanaildasani88]

Hey Jansley! Great video, it would be nice if we could see how you customized the components to use it for your use cases! Untitled UI comes with a lot of firepower and there's literally no tutorial out there for customization. Thanks in advance!

[@jansleyreal]

Thank you, that's a great idea!

[@RiyazShihabdeen]

Thank you so much for the comprehensive guide and discount code. I just purchased it using the referral link you provided. 👍

[@jansleyreal]

Thanks for using my link, hope you like it!

[@RiyazShihabdeen]

@@jansleyreal Yes definitely. Thank you again.

[@hamidfrance8795]

could you share the figma with me ?

[@RiyazShihabdeen]

@@hamidfrance8795 Figma file is the licensed product and it cannot be shared. You have to purchase it.

[@santossilva]

Nice Video Jansley, I wonder what is your experience trying to customize the design to suit your needs? Maybe you want to do a video about this?

[@Soci678]

I really like your honesty ❤

[@jansleyreal]

Thanks, I appreciate that! :)

[@bushbuddyplatypus]

how do you use it? if the app / website has components from a lib or even custom components, how on earth do ya map the css to these?

[@daryllee2560]

Hello - nice video....can I ask how I can use a UI Kit in a Figma Project (when I don't have Premium account). Assue you import as a library with Premium. Do you just copy and paste the parts of the UI and drop into my pages?

[@emmanueloladipo1]

This came at the exact time I needed it I was also just in the state of considering if using Templates was cheating Thanks Jansley, you just got a new subscriber

[@jansleyreal]

Glad it helped you out Emmanuel! Templates are definitely not cheating, I would say it’s essential at this point.

[@MrMyers1489]

Much love for the overview and promo code 🎉

[@jansleyreal]

Of course, glad to help!

[@shreyasbaranwal7382]

Can we convert this LIBRARY'S LANDING PAGE into webflow from figma ?.

[@lalafofis13]

This is awesome! You are always showing up with useful tips. I'm currently on my way to start CJ in 2 weeks and watching your videos about your experience with Avocademy has really helped me in terms of what to expect in this next stage. Also, I'm not sure if you saw that Avocademy is currently implementing lots of changes in order to help the students to find employment in this crazy market. But I'm happy and excited to see they are taking action and I hope you find a full-time job soon. You deserve it! Thank you for all you do!

[@jansleyreal]

Thanks so much Yara, have fun in CJ! Yep they've definitely implemented some changes when it comes to job searching. Wish you the best on your UX quest!

[@creatoratplay]

This was super helpful; thank you!!

[@jansleyreal]

You're so welcome!

[@Soci678]

Can I use the untitled ui to make templates and sell them on marketplaces?!

[@jansleyreal]

That’s a really good question. My gut instinct says if you re-use an entire section or page template then no. However, if your just using the design system such as colors, buttons, inputs, typography then you probably could. Can’t confirm though.

[@Soci678]

@@jansleyreal thank you so much ♥️

[@MarkZul-u3i]

Hey, I love your video. but I have a question, how to make sure the components/libraries of the Figma UI Kit could be accessed by code for front-end dev?

[@jansleyreal]

Not sure if this is what you're looking for, but Untitled UI also has components on Webflow so they can utilize the code from that I would imagine.

[@k16e]

Your honesty is charming. Thanks for sharing.

[@jansleyreal]

I appreciate that, thank you!

[@llu2736]

Thanks for sharing :) Do we need to create Auto layout for the components?

[@jansleyreal]

Everything in the kit is already in autolayout :)

[@wilbertdune]

what do you think about the Shipfaster UI? by designership

[@jansleyreal]

I have not personally used it, but it was between that and Untitled for me. I have zero regrets getting Untitled.

[@l0s72]

Have you tried exporting the landing pages into Webflow with the Figma plugin?

[@jansleyreal]

I have not had experience with using the plugin, I need to give that a try!

[@huytrinh-y2n]

hi sir! Do you have a video on how to use this system?

[@jansleyreal]

Not yet, but maybe that's something I can do in the future!

[@K_Z_R]

Avo grad too! great content, thanks

[@jansleyreal]

Oh nice! Glad you liked it :)

[@vinay.upadhyay]

Hi Jansley could you please create comple website from scratch using Untitled UI kit that will be really great tutorial, there is absolutly no video on how to use this kit please create one video on this.

[@jansleyreal]

I've had a couple people suggest that, I will definitely consider making one!

[@ivanpavlov958]

Hi there. Is it suitable for mobile apps?

[@jansleyreal]

It's more designed for websites, but you could use some components for mobile design like buttons and inputs.

[@emquex]

just started watching, 0:58 UI kits and design systems exist as the manifestation for work smarter not harder. 😂

[@jansleyreal]

Makes total sense!

[@alexala2121]

what's the link for this UI Kit?

[@jansleyreal]

The link is in the description :)

[@ahmedyahya3593]

looks amazing

[@jansleyreal]

I love it, makes landing page design sooo much more streamlined.

[@colibri6143]

Hi, from France. For you, is it better than DesignerShip ? For you, what is the difference, i'm actually hesitating between these UI kits.

[@jansleyreal]

That's a great question! I was debating between these two actually. The thing that led me to Untitled is a more components to choose from, and they use Autolayout v4, whereas Designership use Autolayout v3.

[@colibri6143]

@@jansleyreal Yeah, I agree. I think I will choose Untitled for this. I thought personally Landing page and "entire page" from DesignerShip more beautiful according to my own standard but well... I can do this with Untitled too. Tanks you for your answers. See you !

[@fernwehtwl]

hi Jansley i purchased this course and i haven't had a chance to really use it because i feel so overwhelmed:( Im wondering if you had the chance to customize this UI kit and make designs? Did you break into multiple libraries or use it all as one?

[@jansleyreal]

I used it for one Webflow site I built. I used the Lite version, but used the entire library. Even the Lite version can be overwhelming though haha

[@fernwehtwl]

@@jansleyreal is lite the free version ?

[@cmdaltctr]

@@fernwehtwl no lite version is the slim down of the pro. Free version is quite old and can be found in Figma community.

[@darshanaildasani88]

@@fernwehtwl No, the lite is a free version you get when you purchase the full version

[@paulharvey11]

Thanks for this. I’ve been looking for some info about this kit. Do you have the video like for the site you built using it?- I’d love to see someone actually using the kit as it happens to understand how to actually use it for a project. Thanks 😃

[@jansleyreal]

No I don't have a video using it, but I think that's a great idea I'll add to my list! Thank you!

[@TamiHill-t5l]

everyone knows the benefit of a UI kit, but can you show me how to really use it in a real example? no one is talking about this, thanks.

[@jansleyreal]

I'll add this as a potential video idea :)

[@fleeptough7714]

I don't know, but to me, this is giving incompetent designer's tool.