Quick tip: this UI kit utilizes Figma’s variants system. You can start copying sections over to create your page layout. I usually keep this new page placed just above “MARKETING WEBSITE COMPONENTS” in the Figma navigation so that I can quickly navigate back and forth from the premade sections.įrom here, the fun part begins. Paste it onto your new page, and delete all the sections you don’t want.Copy one of the frames from a page under “✨ MARKETING WEBSITE EXAMPLES”.In any case, it only takes a couple extra seconds to create your own. Other kits often have a blank page where you can start dragging sections into. It’s not immediately intuitive on how you should start building a page, so I think this is actually one area that Untitled UI could improve in a future version. At first glance I haven’t really noticed much missing compared to the full version, so it looks like they did a nice job of keeping the essentials while cutting the file size in half. That should help speed the file up as well.įeb 2022 Update: Untitled UI just released a LITE version in v2.6 that’s 50-70% lighter. I don’t want to create overwhelm or confusion, so I try to slim things down as much as possible.įor example, if you’re building a marketing website, you can probably just remove all the Application examples and components. It’ll take Figma a few seconds to update all of the components, but it’s cool to see how quickly you now have elements that are on-brand and basically ready to use.įrom there I usually delete everything I don’t need. Once you’ve familiarized yourself, you can start by adding your brand’s colors, logo, and fonts. I’d recommend going through all of the pages to get a better understanding of how everything works – especially if you haven’t used a design system like this before. On each page, there’s a help section that explains what that page is for and how to use it. Import the file into Figma, and you’re ready to get started. Once you’ve purchased it, you’re able to download the. You could definitely use it for local service businesses and other projects as well, but you’d need to go a bit further in terms of customization and would probably need to create a few of your own sections. In terms of the design aesthetic, it’s best suited for startups, SaaS, and tech companies in my opinion. It’s more about creating a design framework that pays special attention to scalability and consistency. I want to put an emphasis on the high-quality work part, because it’s not for designers who simply want to pump something out as quickly as possible. Untitled UI is for website & app designers that use Figma who want to produce high-quality work & reduce the time it takes to design their projects. You can create great looking websites without needing to get ultra-creative or finding that perfect moment of inspiration. Since you have defined grids, fonts, colors, and shadows, all the elements throughout your design will also look more consistent with each other.Īnd lastly, you don’t need to stress about coming up with a nice design every time. It’ll also have inputs for your brand’s logos, colors & typography.Īs a result, it’s easy to save hundreds of hours because you’re not designing the same components over and over again. Rather than starting every design project from scratch, you use a framework of ready-to-use components, sections, and global styling settings.Ī UI kit will have everything ranging from premade headers, hero sections, feature sections, icon boxes, testimonials, blog posts, footers and more. The purpose of a UI kit is to simplify the design process. 420+ page sections and examples layouts.Let’s just say it’s not the kind of file you’d want to open on your grandma’s 20-year old PC. It claims to be the largest Figma UI kit and design system in the world – and I honestly wouldn’t doubt it. It also gets frequent updates, so you don’t need to worry about it becoming outdated quickly. It comes with a ton of premade components and sections you can use to design modern websites. It was released in September 2021 by Jordan Hughes, a clearly-talented Product UX/UI Designer based in Australia. Untitled UI is a UI kit and design system made for Figma. ![]() There’s no extra cost for you – it’s just a little way you can help support us. You can read about our affiliate promise here. Some links may be affiliate links, should you want to buy the product. *Important Note: I purchased Untitled UI with my own money, and this review is in no way sponsored or paid for by the product creator.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |