Figma ui kit

Last UpdatedMarch 5, 2024

by

Anthony Gallo Image

Highly inspired by Hunter Paramore’s Zelda BOTW UI Kit, this project was created as a personal project to strengthen my Figma skills, learn about maintaining a design system and understand Game UI! The components in this UI Kit were made responsive with variants and includes a Playground Test Area with Instructions for Toggles, Switches & Checkboxes - UI Kit. I originally created this for my personal portfolio on vjy. Unlock endless design potential directly in Figma. Select an image or Daresay Mobile UI Kit. Learn more at untitledui. Is has been developed by NuxtLabs for Volta, Nuxt Studio and the Nuxt community. This comprehensive UI kit provides all the elements of Nike Web App design. 3k users. Thoughtfully designed to bring the warmth and comfort of your favorite coffee house into a mobile experience, this UI kit is meticulously brewed for designers and coffee aficionados alike. This toolkit represents the latest version of Windows UI, version 3. Best regards, Animal Crossing UI Kit. 07/06/2023 (v1. With Figma, you can quickly customize design elements and even turn your wireframe example into a clickable prototype. The official Nuxt UI Figma Kit . ๐ŸŽ‰ Brand new kit! Explore the next evolution of Microsoft’s design system with the Fluent 2 Web UI Kit. Explore our intricately designed e-commerce UI kit, showcasing the forefront of design principles. Check out other useful resources at ui8. ๐Ÿš€ . We added new web parts and page elements: FinX is a comprehensive Fintech UI Kit with a clean, neat, and modern design that contains 384+ high-quality screens. Comments 58. From settings and alerts to navigation elements and more, these icons are designed to be versatile and easily adaptable to any project. ๐ŸŽฏ This UI Kit is recommended for-. Feedbacks are always appreciated, please leave a comment below. Join 80,000+ designers, kickstart any project, save thousands of hours, and level up as a designer. Explore a comprehensive set of design tokens, streamlined components, and an array of aesthetic choices. This meticulously crafted UI kit offers a seamless blend of functionality and aesthetics, empowering administrators with intuitive tools and a visually appealing interface. Meet macOS 11 Big Sur UI Kit, a feature-packed UI kit that contains more than 200 different core UI components and more than 8 app templates of the newly released macOS 11 Big Sur that features an astonishing design change for the whole macOS platform. This is a Figma Community file. Comments 73. 20 Headers. Fluent 2 Web is a reimagining of the Fluent 1 assets and maps to our latest React library releases. The app is split into two categories, the patients app and the pharmacy app where pharmacies can manage their stores in-app and also sort our patient orders. Just as design precedes code, Pretine sets the stage for Mantine. For example, using the UI kit I can make a close icon with a height 24px and the height of the cross itself is 12. Start your next mobile app design with these free templates from our community. Features: Complete Design System: Enjoy a fully developed design system Introducing our Home Service App UI Kit, a comprehensive set of over 55+ pixel-perfect screens designed for easy use in Figma. The crypto wallet UI kit curated by Expedite Design is the solution! Our UI kit is up to date with all the latest design trends and a wide widget library that you need for a cutting-edge application. The Material 3 Design Kit is built to work with the Material Theme Builder Figma plugin. You can duplicate it here for free and play with it if you want. 21 Contact Sections. 158 users. You can; What’s New in v2. 0 comments. 1. Our premium portfolio website UI kit is here to help. Get free preview. Let’s begin creating magic with KRYPT! The TV Design Kit is based on Material Design 3 principles and is optimized for TVs. The design is based on the existing real-life application, and it displays a sports score live with an easy-to-operate interface. 1) Enhancements of current components; 09/12/2021 (v1. This UI kit was created to assist us at Daresay in quickly putting together coherent app designs that look and feel polished - while maintaining a rather low fidelity in the execution. Auto-layout feature lets you easily combine multiple wireframe screens to design your own layout. ----. Enjoy and feel free to share your comments and your Explore Youtube Web UI Kit, designed for Figma users. Pretine is a free quality UI component library meticulously tailored to align with Mantine's React architecture. This Figma file contains all the editable screens designs for YouTube. In Figma there is a box that is sized around the icon, but when using the actual React icon the sizing applies to the icon itself. Download it now ๐Ÿ‘. SportScape - UI Kit. 0 Version 3 on February 7, 2024 - Fixed some UI problems. It's not just a design resource; it's your key to mastering fundamental concepts. 3. ๐Ÿ”ฎ Embrace the Possibilities of AR. Indulge in a feast for your eyes with the Swiggy app’s elegant UI design. —————. Use more than 20 components to planning and ideating your app before investing in code. Step into a realm of boundless potential in UI/UX design. 73px. It’s not just about food delivery; it’s about a delightful Step into the heart of a modern café with our latest Coffee Shop App Design UI Kit. However, as it expanded beyond my plans, I decided to turn it into a comprehensive design system and share it with you. Elevate your project with DashStack's This comprehensive UI kit provides all the elements of Pinterest Web App design. Customisable toggles, switches, checkboxes and radio buttons with 50+ variants to be used within your design system. Journaling Apps. Explore even more templates, widgets, and plugins—all built by the Figma community. The Windows UI Toolkit is a resource for creating experiences on Windows. With a user-friendly interface, seamless navigation, and a visually appealing design. YouTube Full UI Kit Editable. Comments 1. This comprehensive UI kit provides all the elements of Swiggy Mobile App design. R. "Introducing our sleek and intuitive food delivery mobile app designed to enhance your experience. This is about more than compatibility—it's about enabling a vision Medical Pharmacy App UI Kit (Figma) Pharma App is a medical UI Kit for pharmacy related operations like buying and selling drugs. Love to see what you make with it. Explore DashStack, a cutting-edge and free Admin Dashboard UI Kit designed to elevate your web administration and dashboard experience. You can use this UI kit to recreate or modify Fiverr Web design. Learn Auto Layout best practices, how to create visual hierarchy, and how to create flexible and responsive tables the right way. I've put a lot of effort into making this kit as user-friendly as possible. Recent Updates. Visit Website - Bootstrap 5 UI Kit. Last updated 2 months ago. 2. You can use this UI kit to recreate or modify Pinterest Web design. 2) Enhancements of current components; Addition of new features and pages; 23/12/2022 (v1. A. If you have any feedback, please contact us at design@strapi. Feel free to leave any feedback or suggestions or say hi UI KIT. At Nucleus UI, our mission is to provide a beautiful and practical UI Kit & Design System that helps designers, agencies, and businesses speed up their processes while maintaining high standards and quality. Our wireframe templates all live in the browser, so you can begin sketching out your next great idea without having to download any additional software. #dashboard ui kit plugins and files from Figma. Explore Swiggy Mobile UI Kit, designed for Figma users. 2 iPhone and iPad frames added;Special thanks to Johannes Schweig who created the font Scribble exclusively for the text block in Fisamiq. You can easily customize the colors, fonts, and images to match your brand or style. With this kit, you can easily customize the design to your liking, taking advantage of all of Figma's features such as global color, font styles, dynamic components, and variants. Update global variables and link to brand, mode and new structure. The new update (v2. The website wireframes UI Kit comes with Desktop and Mobile website wireframes, and each of the 2 have the following components: ๐Ÿ–ฅ๏ธ Desktop. The TV Design kit is built to work with the Material Theme Builder Figma plugin. Licensed under CC BY 4. By default it used "local styles" but you can use "from layouts" option. Simplify your design process and create stunning visuals Fisamiq is a low-fidelity UI kit heavily influenced by both Balsamiq and Figma. io. Free iPhone Mockups With Abstract Gradient Backgrounds. 0. We carry out this project with all our heart and pleasure. FinX is suitable and easy to customize to fits your needs fully. Seamlessly blending the digital and physical worlds, this kit empowers you to craft captivating user experiences that push the boundaries of innovation. Preview. Find and customize the perfect UI Elements Lumina UI - Figma UI Kit. It’s not about number of components. People are asking how to copy this to your figma. You can use this UI kit to recreate or modify Instagram Mobile design. ๐Ÿ” Security is paramount, and our UI Kit ensures peace of mind. Clothing store UI Kit is a component rich Figma UI kit ready to use to create a trendy and eye-catching user experience! All components and symbols are named accordingly, organized and easy to edit! Featured app pages: Start up pageLogin and sign up pageHome pageProduct pageCartCheckoutAND MOR The UI Kit is built using all of Figma's powerful features, including a comprehensive global style guide, dynamic components, auto layout, and variants. FinX gives you a well-layered and organized design, pixel-perfect design, free Empower yourself with unprecedented control over your designs. click the duplicate button on the top right. Well Documented. 898 users. CRUMB Design System - v0. It provides a comprehensive introduction to the design system, with styles, components and usage to help you get started. Includes multiple variations for each component, giving you over 500 unique combinations. Easily update and customize content for each part of the site including the header and footer, sections, and web parts. This integration extends to crucial Dashboard UI kits complete with widgets, statistics, styles and symbols. The Tableau UI Kit is the easiest and most flexible way to prototype Tableau dashboards. Designer Katerina Suvorova Hi ๐Ÿ‘‹! Free UI Kit. 11 Logo Strips. This all-inclusive design resource boasts a variety of adaptable, pixel-perfect template and Explore 1,000+ templates on the Figma community. Free UI Kit. Click on the 'cover' button, below 3 options will show as pages. This kit defaults to 412 width for the components and you cannot resize most of them without messing them up (looking at the keyboard components). Featuring both light and dark themes And the best part, it's completely free for the Figma community! What you'll find in this collection: Interface Icons: A comprehensive range of interface icons, perfect for bringing your user interfaces to life. Additionally, the UI kit is available Prime Design System Kit. As good as it looks, there is a disconnect in sizing. What's new: Variable library is now in! Components now use variables instead of color styles. Say goodbye to design hurdles. Take your analytics workflow to the next level, implement brand guidelines and save thousands of hours. Preview Light Preview Dark. Comments 30. 2. •. Empower yourself with unprecedented control over your designs. Super excited to share my first file to the community. Community is a space for Figma users to share things they create. MINECRAFT UI KIT! ๐Ÿ”ฅ. Our SharePoint Web UI kit in Figma has been updated with some great new additions! This update includes more web parts so you have more options when designing your SharePoint sites and pages. Support: pblogom@gmail. This all-inclusive design resource boasts a variety of adaptable, pixel-perfect Features: Whether you're managing a small team or overseeing HR operations for a large organization, our HR Management Admin System UI Kit is designed to streamline your workflow and enhance the overall user experience. The Starter kit is free to use in your projects. Explore the world of Instagram, your go-to platform for sharing and discovering visual stories. 5 days ago ยท Bootstrap 5 starter UI Kit collection of bootstrap base components. com Preview Untitled UI PRO in Figma and compare us to the competition ————— Save thousands of design hours Create responsive tables in Figma with this super handy data tables UI kit. See more. Explore even more templates, widgets The SharePoint Web UI kit provides templates, components, and detailed guidance to design SharePoint sites and pages. Smartwatch UI Kit. With top Figma tricks & techniques, battle-tested design system approach, Prime supercharges your skills, and empowers you to work at warp speed. This UI kit is created based on user research with the vibrant community of contributors and users. We are thrilled to present our groundbreaking Augmented Reality (AR) UI Kit, designed to propel your projects into the immersive realms of the future. Untitled UI is the largest and best-selling Figma UI kit and design system in the world. Organization News - SharePoint look book. It's difficult to align precise sizes for Chakra UI icons between figma and development. ly/3rC8Qr7 ๐Ÿ‘ˆ Learn UI/UX Today. It covers industries like FinTech, EduTech, MedTech, Communications and E-Commerce. This all-inclusive design resource boasts a variety of adaptable, pixel-perfect Introducing Pretine: The Mantine UI Kit! In the world of software, foundational elements matter. I've created the ultimate UI Kit for Material You—complete with customizable variables and a unified library system, making Android app design more intuitive than ever. Designers with limited experience - UI kits provide pre KK @designkk Creator · 10 months ago. Minecraft UI kit with all the blocks textures. Whether you're a solo designer or part of a team, a junior or a senior, at an agency or a large organization, Prime has you covered. Simple and minimal design that can be used for any beginners Welcome to the most comprehensive Design System & UI Kit in Figma! ๐Ÿš€ Jump start your project with Plus UI design system & UI library at no cost, includes: ๐Ÿ’œ 2000+ Variants ๐Ÿ’œ 2000+ Free Icons ๐Ÿ’œ 26 Property Rich Components ๐Ÿ’œ 100+ Smart Styles & Variables And This UI Kit is free for everyone :) I will be glad if you subscribe and like me on Behance Hey! ๐Ÿ‘‹ This style guide will help you create interfaces or websites, as well as help maintain their integrity of user experience and optimize design and development resources. Support or Donate me via - Patreon. Create extra Figma components and click 'Share' to generate a link, paste it in Amplify, it will ask for your permission to access the file, then load the components in your Amplify Studio, either accept or reject those UI components. Get inspired and start designing today with Figma. Speed up your design workflow and create a beautiful app with Figma’s fully customizable mobile UI kit. Amazing! Dashboard design to help you understand how to design your dashboard and help fast track your design process. Light and Dark Sets. 15 Footers. This comprehensive UI kit provides all the elements of Fiverr Web App design. Browse collections of Figma UI kits, mockups, design systems, components, and more. Tokens Support. A ready-to-use web UI kit with predefined components and few page libraries. SportScape is a comprehensive UI Kit designed exclusively for fitness mobile apps. libraries ui-kits wireframes design-templates desktop-apps-websites mobile-apps presentations resume-templates portfolio-templates design-tools accessibility editing-effects file-organization import-export prototyping-animation visual-assets fonts-typography illustrations shapes-colors stock-photography whiteboarding brainstorming diagramming FinX is a comprehensive Fintech UI Kit with a clean, neat, and modern design that contains 384+ high-quality screens. Thank you ! Speed up your design workflow and create a beautiful app with Figma’s fully customizable mobile UI kit. O. 20 Call to Actions. Meet Material Design 3, Material Design’s most personal design system yet. 10. 10 Top Notification Bars. 23 Heros. 8k users. Its initial start of bootstrap components. Figma provides at the largest for Android, a 360 width frame preset. All elements are fully editable, made with auto-layout, and come with supporting documentation. You can create your own wallets using our kit components or start customizing our designs to make your app. com. We feel valuable when the work we have completed can help many people, of course help your project too. Explore the possibilities and elevate your HR management with our thoughtfully crafted UI kit. Free interactive portfolio UI kit that can be used directly from Figma using prototype view. Fully styled and customizable components for Nuxt. We created this free Figma Community file to accompany our detailed guide on how to create tables in Figma . FREE UI KIT BASE - niversal UI Starter Kit with Variants and Autolayouts. REAL ESTATE MOBILE DESIGN APP UI KIT. Packed with a collection of meticulously crafted UI elements, it empowers you to create a visually appealing and user 30+ Mobile kit components; 50+ Icons (Gestures, Charts, Notifications, Smart Home, Furnitures) Web: Ecommerce Kit---About Nucleus UI. With our Smart Home UI Kit, these smart automation routines become a reality, simplifying your morning routine and setting the perfect ambiance for each moment of your day. Features - Cross-platform design - 100+ ready-to-use components - Auto-layouts - Build-in icon set Feel free to iterate or create your own kits based 33. Comments 0. It was made primarily with shorter Filllo Live Score App UI Kit has been designed by a sports & game lover who understands the importance of this app. Lumina prioritizes predictability and flexibility, ensuring a seamless design experience. It is also customizable. Use "UI2022" for 22% Off!-- Today, I'm going to show you a little known secret for self promotion as a freelance V5 - uikit for figma. * For generate "from layouts" an additional option is also available, for skip I created this free navigation bar for the Figma community to use for relatively faster designs. From responsive layouts to flawlessly crafted components, this kit encompasses it all. TicketRush is a specialized application designed exclusively for ordering tickets to a wide range of events, including sports, concerts, and more. PORTFOLIO DESIGN KIT. Open in Figma. Jul 18, 2023 ยท The first iteration of the SharePoint Web UI kit will allow you to design a company and organization news communications site based on the example provided in the SharePoint look book. Mar 28, 2024 ยท Find and download free Figma resources for various design projects. Prototype mobile app screens without spending too much time. Fully customizable with text and color styles, so you can match your branding and visual identity. CreativeAlive's Payment Wallet App Figma UI Kit - V2 is the perfect fit for your next payment wallet app UI Design, it contains ready-to-use components, Typography, a Design System, and a customizable Color Palette with Figma Variables. Tokens Studio integration unlocks a whole new level of flexibility, allowing you to create and manage design tokens seamlessly. Wireframe templates. It contains a control library and examples of how those controls are used within the WinUI platform. Introducing Lumina, a meticulously crafted Figma UI Kit designed to elevate your digital creations. For Figma. Share your Suggest / Idea - Join at - Discussion. Receive real-time notifications and remotely monitor your security cameras, door locks, and alarm systems libraries ui-kits wireframes design-templates desktop-apps-websites mobile-apps presentations resume-templates portfolio-templates design-tools accessibility editing-effects file-organization import-export prototyping-animation visual-assets fonts-typography illustrations shapes-colors stock-photography whiteboarding brainstorming diagramming TicketRush - Event Booking App Premium UI KIT. This all-inclusive design resource boasts a variety of adaptable, pixel-perfect template and components, perfect for crafting Feb 27, 2024 ยท Examples of new webparts added to the SharePoint Web UI Kit in the Figma Community. 1 comment. With over 90 meticulously crafted screens, this UI Kit provides a seamless user experience across different platforms and devices. 2) includes: New web parts and page elements: Page #ui kit plugins and files from Figma. The same with open in the figma app. Hi and welcome to the most accurate, pixel-perfect, and versatile Instagram UI Kit available! Originally, I only intended to build a small library for myself to maintain full visual control when creating my Instagram posts. Mar 4, 2024 ยท Tremor UI Kit (Community) This community built UI library will help you design interfaces that are inline with the official React components of Tremor. Well, i just learnt the same now :p 1. Note: If you create more brands and modes, the structure need to update more specific, for example: Brand color, semantic color (warning, info, success, critical), which this ui kit not support (yet) ----. 0, which is a set of new developer components and tools . This is ideal for UI designers, developers, and UX researchers. Post. The Fitness Workout App UI Kit is a comprehensive package comprising 38 fully developed screens, meticulously designed to streamline fitness application creation. The kit consists of predefined UI components and a set style guide for color, typography and spacing. All components that you need for an iOS or Android mobile app wireframing. Creating a user interface (UI) for a Quran app involves designing a visually appealing and user-friendly interface that allows users to easily access and interact with the Quranic content. Available in both light/dark modes and easy to use in Figma, Sketch, and more. Introducing DayTask - The ultimate UI kit for efficient task management. With 30+ Unique Layouts, we covered almost every aspect of what a Payment App would require. About. Buttons UI Kit: Elevate Your Design with Customizable Button Elements. You can use this UI kit to recreate or modify Swiggy Mobile design. Halo Designers, Thank you for the appreciation for using these Freebies. You can use this UI kit to recreate or modify Nike Web design. You can use this UI kit to recreate or modify Youtube Web design. Packed with essential components like buttons, forms, icons, and more, this kit provides a solid foundation for creating modern and intuitive user interfaces. The Material 3 Design Kit provides a comprehensive introduction to the design system, with styles and components to help you get started. Includes: 750 Button Variant5 Types: Primary, Primary Light, Secondary, Secondary Grey Check out our Wireframe UI Kit. Introducing the "Button UI Kit - With Variants": a user-friendly resource for easily customizable buttons, offering a diverse range of styles and variants for seamless design and prototyping. Dive deep into its stunning Designs and UI, optimized for a seamless, visually-engaging user libraries ui-kits wireframes design-templates desktop-apps-websites mobile-apps presentations resume-templates portfolio-templates design-tools accessibility editing-effects file-organization import-export prototyping-animation visual-assets fonts-typography illustrations shapes-colors stock-photography whiteboarding brainstorming diagramming Explore Nike Web UI Kit, designed for Figma users. It contains almost all the necessary components to start creating basic designs or use them for better and faster prototyping. ** Be careful with the "from layouts" option, it can be slow and pause the interface for a while. Visualize dynamic color in your UI. Our UI kit is designed with the highest quality in mind, ensuring that every element is sleek, professional This comprehensive UI kit provides all the elements of Instagram Mobile App design. https://bit. This kit not only offers a diverse range of screens for various fitness functionalities but also provides ease of access with a free font utilized Explore Fiverr Web UI Kit, designed for Figma users. Design file. Explore, install and use files and plugins on Figma Community. net. The figma app, on the top left you will see an option as 'cover', it is besides 'layers' and 'assets' 4. 83 users. Comments 3. My Courses UI Kit is a comprehensive design resource for creating exceptional e-learning and online course platforms. This plugin make a previews for the fonts and colors used on the layouts or from your styles. libraries ui-kits wireframes design-templates desktop-apps-websites mobile-apps presentations resume-templates portfolio-templates design-tools accessibility editing-effects file-organization import-export prototyping-animation visual-assets fonts-typography illustrations shapes-colors stock-photography whiteboarding brainstorming diagramming Tommy Wu @TommyWu0988 · 3 years ago. $20. oladapo @Dappylolo · 2 years ago. With this you can create more brands and modes for each brand. The entire design is centered around components and style guides, all linked to the versatile Figma Variable system. Nuxt UI provides everything related to UI when building Nuxt applications: components, icons, colors, dark mode and also keyboard shortcuts. SportScape is a minimalist Fitness & Workout App UI Kit containing 73 high-quality screens and easy to use in Figma. It includes the following web parts: Button, Events, Hero, Image, News, Quick links, Spacer and Text, as shown below. Enjoy the convenience of real-time order tracking, secure payment options, and personalized recommendations. Elevate Your Figma Projects with UI Elements Access over 130 high-quality Sections, 6,800+ Components, and 160,000+ open-source Icons with an instant Drag and Drop. This comprehensive UI kit provides all the elements of Youtube Web App design. Mentor mobile app UI design kit. this is so cool. Learn more about Tremor, or check out the docs. Once you’re ready, you can easily share your file 702. Explore 1,000+ templates on the Figma community. I welcome any feedback you may have on this project, so please don't hesitate to share your thoughts with me! ๐Ÿ˜ Free Starter UI Kit in Figma is a comprehensive collection of user interface elements designed to jumpstart your design projects. Countless Design Tokens. With 10+ ready-to-use screens, free icons, and a customizable Figma source file. The file is well-organized and easy to use, with all the elements labeled and grouped. me, which you can check out here. With 60 pre-built pages and over 200 customizable sections, you'll have everything you need to create a stunning portfolio website that truly reflects your unique style and talent. Buy. Updates: Sat Dec 5 v. rach l @rachl · 2 years ago. il wk tw xz or up ez jc wu va