Figma Component Library and Design System
38 Design Resources related to Figma Component Library and Design System Buttons
Woop – Figma Design System
Woop is a and component library for Figma. It includes a white and a dark theme. There are more than 250 icons included in the library. You also have progress bars, buttons, fields, drop-down lists, tabs, tables and many more useful components. It all works with variants and auto layout. Thanks, for sharing this Figma freebie.
Figma Android Calendar Template
Today’s figma freebie is Android this figma freebie is created by . Nabil noticed that there was one component missing from the Material UI Kit for Figma: a Calendar component. So he has created this material calendar component and has shared it for free. You can use this in any mobile app project that you design.
Figma Calendar Glass Component
A very popular feature of Windows 11 is its new glass effect for menus and other on-screen items. Sagar has designed this free Calendar glass component for you. You can use this component for your personal or commercial projects. This new freebie created and shared by .
Figma Pricing Tables UI Component
Download a 2 free UI Component designed in Figma. A pricing table UI with a simple and clean design that you can use as inspiration when designing a pricing plan for a website. A useful design concept for your next project.
Android Keyboard Component Figma file
A pretty useful Android component designed for Figma. It includes both dark mode and light mode keyboards. It can come in handy to anybody designing a chat or messaging app for Android. This cool new freebie shared by .
Auto Layout Figma Component Library
Here’s a great new concept of an auto layout designed in Figma. It is easy to use and allows you to customize, restyle, and organize components for your specific needs. There are about 211 styles to chose from and 1733 components. It also comes with a step to step guide, helpful plugins & tips. This cool new free Figma resource shared by .
RevKit – XD Design System UI Kit
Revkit is a free design system for XD, Sketch, and Figma for busy designers. you can use it to build flexible web design prototypes. It has some great features: 50+ Components, 200+ Symbols, 60+ Icons, 10+ Type Styles. This cool new free UI resource shared by Webkul Design.
Orion Data Charts Figma UI kit
Figma library with 40+ desktop charts templates served in light & dark themes. Contains 200+ of dataviz widgets that look perfect on desktop & mobile screens. Organized as a design system for Figma and supported with 500 components based on auto-layout.
Ara – Figma Illustration Library
A free library compatible with Figma and other design tools. It contains 120 scalable and editable illustrations, 10 beautiful scenes in tech and business categories. This Figma freebie, created by Robert Licau at . Great work! And the best part? It’s free!
Figma Vector Avatars Library
It’s a free library of Figma avatar illustrations. You can easily change colors or edit parts of the image. You can create hundreds of avatars by mixing and matching combinations of hairstyles, clothes, and accessories. This new free UI resource created by .
12 Shadow Styles Design Elements Sketch Library
Here’s a library of 12 shadow styles which you can use in your projects and UI designs. This design elements will give different stylish look. This freebie resources have selective options to download Figma and Sketch files. Big thanks to for sharing this resource with us. Enjoy downloading!
Sketch Mobile UI Kit Library – flex.ui
This useful mobile library made in sketch was designed and shared by . You can use this Kit for all commercial and non-commercial Projects. Enjoy downloading!
Avatar Library for Sketch
This small yet handy library of made in sketch. This pack of cute avatar was designed and shared by . Well done!
MacOS Monterey UI Kit for Figma
With Apple’s latest release of Monterey now available, I’m really excited to share a UI kit for Figma that includes many of the OS-level components needed to get started with any project for the Mac. Months of fun, nerdy, creating went into this and every component has been recreated and refactored to now work even better with Figma’s Variants and updated Auto Layout features. Thanks to for sharing this freebie!
Figma Search UI Component
A free search module designed in Figma. The search module includes various like Ajax search, search buttons, tik boxes, spinners, search drop-down, etc. designed this new figma freebie and shared in the community.
Figma Input Field Component
Here is a new free Figma resource created by . A set of input that you can use to create all sorts of forms. The components can be easily customized by changing the fonts, colors and icons.
ToDo List Task Management Figma Screen
It’s a screen that shows all the tasks assigned to you, grouped by status. You can also see and respond to messages from the system and others on your team. This new free Figma resource created by . Good source of inspiration and starting point for anyone is approaching a similar design project.
Figma Email Template Design System
A simple and easy-to-use email template for Figma. It Contains 5+ responsive layouts. Allows you to create modern, professional-looking emails without doing everything from scratch. This new free UI resource created by .
Figma Crypto Dark Landing Page Concept
This is a concept for a website. The design uses a dark theme to match with the current trend of dark themes for your Operating System and websites. This new Figma freebie resource created by .
Figma iOS 14 Delivery Widget
A Figma free design for a widget with the launch of iOS 14, Apple has re-introduced the widget system. This new freebie and shared by .
12 Column Figma Grid System
A free 12 for Figma. It also contains vertical spacers and side margins. This new useful resource shared by .
Revkit – Figma UI kit
This cool new shared by . Revkit is a fantastic design system UI kit that has been created to suit upcoming and busy designers. It has more than 50 , more than 200 symbols, over 60 icons, and much more. The best part? It’s free!
Figma Delivery UI Templates
This kit includes a sleek and modern UI, ideal for a restaurant delivery system, online order UI, and much more. The Food Delivery UI Kit from the team over at .
Lo-fi Figma Wireframe kit
A huge library of over 100 wireframing components made in Figma. These can easily help you widen your ideas and get started with the right foot on your next design project. This awesome Figma freebie created and shared by .
Ebuy – Ecommerce UI Kit for Adobe XD
Ebuy is a free UI kit designed in Adobe XD. It is an online shopping app with fully customizable vector-based components and well-organized layers. Users can search for products by name or by image. You can provide product videos and 360-degree views for users. There is also a customer feedback system integrated into the app. This great freebie created by Capi Creative DESIGN.
Attendance Management System Dashboard Xd File
Here is a free XD template for an attendance . It has a sidebar menu and has panels that show you: Your punch-in and punch-out activity for the day. The amount of time you spent working, on breaks, and overtime. Bar charts showing the amount of time you spent on work during the current day, week, and month. You may find this useful for one of your own projects.
Flowchart Builder for Figma
Here is a new free resource created by . Flow is a Figma Wireframe kit library that allows you to easily create detailed wireframes to get started on any of your projects. It is very easy to use and can help boost your productivity.
Figma Payment Methods Icon set
Here’s a nice little freebie kindly shared by . He created a library of easily recognizable icons for Figma, whose components can be easily editable.
Online Gift Shop App UI Kit Figma
This Kamartaj Gift UI Kit for Figma is an incredible asset to have in your resource library. A big thanks to for sharing this freebie with the community.
Google Invisible reCAPTCHA Library Mockup Design Template
This useful Google reCAPTCHA mockup design template for sketch and figma was designed and shared by . I hope you like this!
Open Art – NFTs UI Kit Template for Figma
Create stunning applications with bulletproof guidelines and thoughtful components. Its library contains more than 50+ components supporting Light & Dark Mode and 60+ ready to use mobile screens. Thanks to for sharing this freebie!
Bloo Wireframe UI Kit
All in one open source wireframe kit for quick design and prototyping your idea. Its library contains more than 250+ components supporting dark mode and 150+ ready to use mobile screens . Thanks to for sharing this freebie!
3dicons – Open Source 3D Icon Library
1440+ beautifully crafted open-source . You can use completely free and without attribution for personal or commercial project. Thanks to for sharing this freebie!
3dicons – Open Source 3D Icon Library
1440+ beautifully crafted open-source . You can use completely free and without attribution for personal or commercial project. Thanks to for sharing this freebie!
User Flow for Sketch – Graphite
Here’s a user for sketch called Graphite. The main purpose of this library is to provide a set of components for quickly designing user flows. Nice work by !
Magicoon – Figma icon set
Magicoon is a free set of essential UI design icons for Figma. This collection includes 90 icons in four different styles (light, regular, bold, filled). The icons have a clean and smooth design. You get the icons in 7 formats: EPS / SVG / PDF / PNG / Figma / Adobe XD / Ai. This new figma freebie created and shared by . A great addition to your icon sets collection!
Magicoon – Figma icon set
Magicoon is a free set of essential UI design icons for Figma. This collection includes 90 icons in four different styles (light, regular, bold, filled). The icons have a clean and smooth design. You get the icons in 7 formats: EPS / SVG / PDF / PNG / Figma / Adobe XD / Ai. This new figma freebie created and shared by . A great addition to your icon sets collection!
Food Ordering Figma App Template
Here is a nice little Figma freebie for your and . If you are looking for tips to design here’s an ideal food ordering Figma template you could get some inspiration from. It includes menu item components. This Figma resource kindly shared by the guys at .