Lego UI - Figma UI kit & Design system

Are you tired of...

• Re-creating the exact same components for every single project?
• Setting up everyday and common components to be responsive?
• Wasting time managing multiple projects with a disorganised design system?

Say hello to...

🎨150+ global styles

Huge collection of colour, gradients, typography, grid, shadows, and blur styles.

🗂 2,800+ media resources

A huge collection of pixel-perfect icons, avatars. logos, brands, vector shapes, device mockups, badges, payment icons, and much more!

💎 6,000+ components & variants

Includes every component for designing marketing websites to complex web-apps. Utilizing the power of master and style components! Oh did I mention, they're 100% Autolayout 3.0 powered as well.

💻 140+ marketing templates

Custom designed web templates that you can use right out of the box.

Our mission

Lego UI is Figma's leading & best UI kit and design system. It has been designed to help you radically speed up your workflow and drastically improve the quality of your UI designs.

Every detail, in every component has been carefully built with Autolayout, advanced variants and accessibility in mind. We've done all the hard work for you, so you don't have to!

Lego UI is perfect for...

• Design graduates and junior designers: Understand how to build the fundamental building blocks to get started in UI design.
• Freelance designers: Dramatically speed up your workflow and delivery time with perfectly designed components already done for you.
• Senior designers: Get equipped with the perfect design system that is not bloated with unnecessary components, but just the right amount of fundamentals to set the foundation for every new project.
• Product managers: Avoid wasting time and get right into the meat of what you want to create with the design system, with everything you need.
• Anyone else that may be working within Figma. If you don't want to waste time and speed up your entire process, this is what you need.

Changelog

Figma made some major updates to their platform in May 2022. This included component properties, a re-designed Autolayout, dark mode and much more. In Lego UI, we have decided to introduce a number of updates that have helped improve the kit’s performance and it’s relevancy with the latest updates.

• Removed .styled components to improve the performance of our design system.
• Updated all components with the new component properties and Autolayout feature.
• Updated all templates with the revised components.
• Migrated our icon system from ‘component variants’ to individual components, to allow for an improved toggling experience.
• Added tablet and mobile versions for all templates.
• Provided pre-designed templates for quick use.
• Included a Shipfaster Starter template for anyone that wants to use a lighter version of our design system.

• 150+ new global design styles.
• 2,800+ new media assets.
• 6,000+ components and variants.
• 140+ template examples.
• Written instructions for every key component.
• Master components provided with all primary components.

Any questions?

Something else? Chat to our friendly team via farisuxd@gmail.com