Figma wireframe ui kit free
Last UpdatedMarch 5, 2024
by
The 18 iOS screens in this kit are crafted with the Figma application. A. This all-inclusive design resource boasts a variety of adaptable, pixel-perfect template and components, perfect for crafting engaging Heuristic Evaluation Template. Basic Chart Kit. Hello folks 👋🻠New Dashboard Free UI kit with components created in auto layout & variants. Packed with features, committed to updates. DesignCode UI provides an extensive design system that includes hundreds of Figma UI components and templates, all ready for integration with Framer. You can use this UI kit to recreate or modify Spotify Web deisgn. Licensed under. it looks good This is a Figma For Figma. We've brought all of the added features of our Premium Figma Kit into this Free file giving you 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 For Figma. Takes advantage of all modern Figma features: Color, text, and effect styles. <3 Thank you for sharing this with the community! Thank you so much for the kind words. 🚀 Wireframe Kit by Patrik Melis (Free) Wireframe kit for web and app design lets you iterate fast in the wireframing phase. UX/UI Prisma, the Figma Wireframe template. This is a kit that aims to help with putting together quick wireframing flows for your project. 30+ Sections and 100+ Components, ready for any eCommerce landing page. Colors were chosen to be high-contrast for accessible designs. Made by a Figma Partner. The #1 Wireframe Kit for Figma helps you save hundreds of hours of time and speed up your workflow with 84+ templates (consisting of desktop, mobile, and tablet versions) for your web design projects, along with hundreds of easy-to-edit components for your web design projects. -> relume. With Clonify, you can access 1,000+ beautifully designed templates, all of which are fully responsive and ready to use for both desktop and mobile. UX/UI Inspired by the analog process of paper prototyping, each component has been crafted to take a backseat to the overall experience you're aiming to create. 350+ global styles. Save time, enhance consistency, and unlock creativity with 2,200+ design elements. 1. Meet Material Design 3, Material Design’s most personal design system yet. Other than that love the simple design. Hello, Presenting you my first ever UI Kit, Onboarding UI Kit for free. This includes 250+ components, 200+ screens, and 170+ icons exclusively for mobile devices available in both light and dark mode. Aug 28, 2023 · Figma templates, UI kits, and wireframe kits, free for the community. Hand Drawn Wireframe UI Kits. Free to use, and easy to implement with the Figma to Shopify Plugin. Validate your ideas and speed up your website design workflow with our component based wireframe kit. Ecommerce Wireframe Kit includes: Responsive Components. Ultimate Tech Start-Up Website Kit (Free) Tech Solutions Landing Page. Use it to share ideas, iterate, prototype, and get buy in before you build. This template offers 7 categories of pages (like login and profiles), multiple color styles, and it works with Figma, Sketch, and Adobe XD. 50 Customizable Components. Meticulously crafted with 100% Auto Layout 3. 0. Tailwind CSS Button UI Kit (Auto Layout) TechPilot - Wireframe Kit (Free) Easy and fast way to create wireframes for your website designs. Pegasus Product Design. That will help you quickly design apps Web Sties login and registration forms. All components that you need for an iOS or Android mobile app wireframing. Also, this is my first UI Kit, so Figma. Old orders access. ï¸ Easy and customizable button library. 9k users This is a Figma Community file. Preview. Made with Google font - available free (Poppins) Organized Components and Groups. Sale – $99. School ERP UI Kit is a high-quality premium pack, includes 21 screens for your next School ERP project for students. With Figma, it is easy to visually communicate and share your idea. com--What's new in v2. Full Preview Buy Wireframy. Nov 6, 2023 · Mobile Wireframe Kit This wireframe kit contains a collection of commonly used system components to mock up your mobile (phone) ideas quickly, before investing in the full design. Discover the sophistication of the Uber app design; a harmonious blend of intuitive UI and sleek design aesthetics that redefine the ride-hailing I just drafted flows for an entire super complex feature thanks to this kit. Smash the like button to show some love! Please show your support here: Buy me a Coffee Cheers! Wireframe Kits Figma, Wireframe Kits Sketch, and Wireframe Kits XD are some of the most popular options available for designers. This comprehensive UI kit provides all the elements of Nike Web App design. I'm beyond grateful because I'm a slow sketcher on actual paper, but can get wrapped up in high-fi details on Figma. Free Fitness UI Kit for Gym, Yoga and more. 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 on this o Open the Wix Studio wireframe kit in Figma. Low/mid fidelity wireframing kit that aims to give you the flexibility and speed to get your ideas down quickly. 40 Mobile Screens. Smart + Auto Layout. If you want to design a website with a dark theme, this wireframing UI kit will come in handy. Wireframes Free Mobile UI Kit for Figma. Last updated 6 months ago. Craft sleek, intuitive designs effortlessly with this comprehensive, user-friendly resource. iOS 15 is here! Download my latest file, the iOS 15 UI Kit for Figma Community. libraries ui-kits wireframes design-templates desktop-apps-websites mobile-apps resume-templates portfolio-templates presentations design-tools accessibility editing-effects file-organization import-export prototyping-animation visual-assets fonts-typography illustrations shapes-colors stock-photography whiteboarding brainstorming diagramming Nov 6, 2023 · Benefits of the Kit: Auto-layout feature lets you easily combine multiple wireframe screens to design your own layout. Heroic. 100+ Components. You can also create new components and screens easily with the help of its style guide. Mobile Wireframe Kit This wireframe kit contains a collection of commonly used system components to mock up your mobile (phone) ideas quickly, before investing in the full design. All in one open source wireframe kit for quick design and prototyping your idea. Branding Mockups. Untitled UI comes packed full with everything you need to design modern and beautiful UI and websites. I love space, I dreamed to be an astronaut, maybe one day I’ll go to planet Mars !? but for now I spent months creating these wireframes with UI/UX principles and conversion in minds to help you launch your design projects in Figma in a beautiful an easy way, and with more created projects, you can get more customers and more revenues so you can maybe go Tailwind CSS Design System - Style Guide. Explore Tinder's intuitive, user-friendly interface that revolutionized dating app design, Why Rocket Wireframe for Figma?. Also, the library follows the atomic design approach: Enjoy using a reusable and scalable library! GoFundMe App UI - Free UI Kit (Recreated) Explore Tinder Mobile UI Kit, designed for Figma users. Complete with components for commonly used items, UI controls, and browser windows, in addition to easy to update The website wireframes UI Kit comes with Desktop and Mobile website wireframes, and each of the 2 have the following components: ðŸ–¥ï¸ Desktop. Try for free. 5k . 25+ Components 400+ Icons Auto layout Variants & Properties for easy customisation Responsive PRO Wireframe kit is now available! Streamline 1. Used by designers and entrepreneurs worldwide. In this file, there is a UI Kit of a website in darkmode, it will be updated subsequently. You can use this UI kit to recreate or modify Airbnb Mobile design. The Wireframing Kit Library is a starter wireframing kit that contains colors, typography and iconography. 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. Includes multiple variations for each component, giving you over 500 unique combinations. libraries ui-kits wireframes design Free SUS table. Auto layout and constraints. Freebie by Ironhack Education. Every screen is easy to use and is fully customizable. it's completely Free, Full of useful, attractive, fully customizable designs. This UI kit serves as a powerful tool for designers and developers, enabling them to create intuitive and visually stunning job search applications. 10,000+ components and variants. $52. design. Scene Creators. May 6, 2024 · Our Top 12 Figma Wireframe Kits for 2024. A kit of wireframe elements created to make prototyping faster, or to create activities and workshop related to UI/UX design. About I found myself frequently trying to locate many misplaced common iOS/iPadOS system-level interface elements, so decided to build and collect them all in one place. 11 Logo Strips. Supercharge your Figma projects with Karma's Wireframe and UI Kits. Support: terraform@marte. You can use this UI kit to recreate or modify Tinder Mobile design. Table UI Kit. HUGE practical and accessible color system. An icon container component (do not suffer any longer when swapping your icon's color settings). Easily change colors and fonts in the Styles page to instantly set your desired style across all layouts and components. The Material 3 Design Kit provides a comprehensive introduction to the design system, with styles and components to help you get started. About. Bricks is a free components library You can use it to create wireframes or as base for your own Ui-kit. Licensed under CC BY 4. FigJam keeps your strategy front and center and gives you the website wireframe tools and ui elements to make the drawing board feel more like a playground. The Free E-learning App UI Kit is a comprehensive collection of meticulously designed user interface components and screens, meticulously crafted to aid designers, developers, and product teams in creating a user-friendly and visually engaging e-learning mobile application. 49 Interfaces. Light and Dark Modes. There are 12 devices in the pack, for both iPhone and Android, so you can display on multiple devices. Use it to share ideas, iterate, prototype, and get buy in More by this creator. You can use this UI kit to recreate or modify Nike Web design. Algenius ã€½ï¸ - 40+ screens Website Wireframe Kit (Mobile & Desktop) [Free] (Community) Hi Friends👋. Hope you guys enjoy it and be inspired as well. You can find. Start creating your app with a clean mind and representation of a screen structure. This system is designed based on extensive expertise in UI/UX design and is organized to facilitate ease of use and customization. This comprehensive UI kit provides all the elements of Pinterest Web App design. Support: syalfreelance@gmail. March 16, 2021. You can use this UI kit to recreate or modify Spotify Mobile design. 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 For Figma. Also included: Example flow with reference to get you Simple UI Kit to work with wireframes on mobile (FREE) A. You can use this UI kit to recreate or modify Uber Mobile design. Bloo Free Wireframe UI Kit. Ideal for: Product Designers. Living - Free Travel App UI Kit + Wireframes. Mar 16, 2021 · Wireframe Pack UI Kit - Free Figma Resource. 21 Contact Sections. 2 different icon (feather and lucide) Dark Mode is coming soon. 7. 0 comments. Free printable templates for your mobile sketching. It includes more than 170 different web layouts in 17 categories. iOS Native UI Kit - SeaWire WireFramer – Quick wireframing library. Minimal Wireframe Kit. Explore your early ideas with lo-fi frames. This comprehensive UI kit provides all the elements of Airbnb Mobile App design. Greyhound Flowcharts 2. Wireframes. I'm beyond excited to share this year's iOS 16 UI Kit for Figma with the community! This file contains hundreds of components, templates, demos, and everything else needed to help you start designing for iOS. Explore Nike Web UI Kit, designed for Figma users. 10 Top Notification Bars. Easy to Use and Change UI Kit. 5. The style guide can be tailored a specific ideas. 4. This Figma file was built in partnership with the team at Minimal Square-> minimal-square. It also consist of wireframes, which replacates all UI screens. Libra Wireframe Open Kit - v1. cutframe is an open-source mobile wireframe kit for quick designing and prototyping your idea. We are back with the latest (and biggest) update yet for this kit! Find all the components and variants you loved plus some brand new assets for you to explore! In this new batch you will find…. From settings and alerts to navigation elements and more, these icons are designed to be versatile and easily adaptable to any project. Prototype mobile app screens without spending too much time. Last updated 2 years ago. Kit features 🖥: Page layouts • 1x SAAS Wireframe Examples + Kit. Prototype easy and fast with ready to go UI wireframe kit. Explore Uber Mobile UI Kit, designed for Figma users. Features: Auto Layout (with latest update)VariantsComponentsFree Templates. Download type: Download “Free Lo-fi Wireframe kit” 887892609124245416 Tech Start-up Wireframe Kit (Free) 👀 Explore our free Figma Wireframe UI Kit – the ultimate tool for rapid prototyping. Try it now! About. 3 comments. This comprehensive UI kit provides all the elements of Spotify Mobile App design. Figma makes it easy to share wireframes and collect feedback, in real time or asynchronously, by simply sharing a link. Download. Highlight: Created with variants and auto layout100% EditableFree to Use Cheers ðŸ». Awesome Work Bro 💯💯. Its library contains more than 150+ components and 50+ ready to use mobile screens. If you like it please click ♡ FOLLOW ME - more free resources are on the way! Visit us at webbyart. compatibility with iOS 12 and iPhone X. 28. The Dot. Save time and money Wireframes Kit [Free] Ecommerce App Wireframe. Mobile Responsive. 3k users. Design System and Components. 1 comment. Snapshot of Designership's Outline Wireframe Library. 6k users. TechPilot wireframe free UI kit. Fully customizable with text and color styles, so you can match your branding and visual identity. 🌟 Introducing TERRAFORM FREE UI KIT Take your projects to a new level! The Terraform FREE UI KIT is here to accelerate your workflow through a variety of tokens and components beautifully developed for an optimised experience. Moreover: 70 iOS screens. For more info https://cutframe. 4. Logify is a Web Login and Registration UI Template KIT. Post. The kit contains more than 15 screens and 100 components for you to design onboarding screens faster. Design System Lite 1. WireFramer attempts to keep main components to a minimum (so they're easy to find), but with a lot of Figma. Home / Wireframes / Wireframe Pack UI Kit. Pegasus LowFlow A low-fidelity wireframe system for building IA concepts Figma. Hello All, I would like to share my work with you. Most wireframing kits I've come across either have too many elements, or not enough. Buy. Organize your files effortlessly: Find every file or template easily with named layers, and tips in notes. Free wireframe kit to help someone create faster low fidelity wireframe. Hope you like this UI Kit, and please make sure you like the product. Ironhack Free Wireframe UI Kit for Figma . Feb 20, 2024 · DarkDot – Figma Wireframe UI Kit for Web. Kit features 🖥: Page layouts • 1x Homepage • 1x About Us Page • 1x Blog Page A work of art, when you play together. Outline: Figma’s ultimate wireframe kit. The Figma Community UI Kit for a job search mobile app is a meticulously crafted and modern design resource that offers a comprehensive collection of over 40 screens, all available for free. Nov 6, 2023 · Benefits of the Kit: Auto-layout feature lets you easily combine multiple wireframe screens to design your own layout. This is a Figma Community file. Included hand-drawn vector icons. If you're at an early stage of your project and trying to map out a quick rough idea of what goes where without getting into the nitty-gritty polished details—this kit is for you. Community is a space libraries ui-kits wireframes design-templates desktop-apps-websites mobile-apps resume-templates portfolio-templates presentations design-tools accessibility editing-effects file-organization import-export prototyping-animation visual-assets fonts-typography illustrations shapes-colors stock-photography whiteboarding brainstorming diagramming Designed specifically for Figma users, Karma offers a versatile, powerful, and easy-to-use toolkit that enables you to focus on what truly matters: crafting exceptional web and UI designs. Learn more about DesignCode UI. Wireframe Layouts. Last updated 1 year ago. Auto Layout 4. Comments 0. 8 - Pegasus. Generate, explore, and evaluate more ideas, rapidly. This is a Figma Free UI Kit for your projects and wireframes! Checkbox (2 Sizes, 30 Variants)Radiobutton (2 Sizes, 20 Variants)Toggle Switch (2 Sizes, 20 Variants)Input Fields (5 types, 28 Variants)Buttons (Primary&Secondary, 3 Sizes, 4 Types, 84 Variants)Date PickerPagination Totally 186 variants and still goi Adobe XD Figma Sketch InVision Studio. Figma Adobe XD. Wireframe Free Kit. As Method's first published resource on Community, we're excited to see what you'll do with this simple kit. iOS 16 Figma UI kit. Your Purchases. Feel free to use them, Save countless hours of work and take your project to the next level! A streamlined wireframing kit equipped with the power of Figma. Kit includes: All the above in component variants with auto-layout, for flexible and quick flow building. Attractive Showcase. io. Easily customizable. Install the Wix Studio plugin and prepare your Figma file following our best practice guidelines. 40 UI Screens. 0 Generate sitemaps and wireframes for marketing websites in minutes, then effortlessly export them to Figma & Webflow. 6k Get wireframe kits. Hey! Thanks for stopping by. Waverly Lab is a UI/UX design agency in NYC that utilizes Neumorphic UI & Wireframe Kit (FREE) (Community) Design file • 2 • 119 users. Last updated 3 years ago. -> Auto Layout-> Ready for Shopify-> Easy to Customize-> Variables-> Well Organised-> Pixel Perfect-> Big design system-> Clean & modern design-> Fully editable-> Exportable to Shopify-> Plugin supported Free Wireframing Agency Landing Pages If you like it please click ♡ FOLLOW ME - more free resources are on the way! Visit us at EhsanMoin. Community is a space for Figma users to share This UI kit was created to expedite the design process by providing designers with minimalist and customizable components and styles for mobile screens. 20 Call to Actions. 23 Heros. Browser based Share your wireframes with anyone via a single, live URL that works on a Mac, PC, or Linux. This can help in assembling product concepts that allow us to validate early in the design process. When you’re happy with your designs, export them to a blank canvas or an existing Wix Studio site. Created by both designers and strategists in-house, Paper Kit will help you zoom This comprehensive UI kit provides all the elements of Spotify Web App design. Price: $60 for Individual, $120 for Team (up to 5 members) What is it: Outline is like a simpler, focused version of Shipfaster UI. A simple and easy to use wireframe kit that supports Variants. This comprehensive UI kit provides all the elements of Tinder Mobile App design. 6k . Get free preview. . These can easily help you widen your ideas and get started with the right foot on your next design project. Wireframing has never been easier with free templates to get you started. well-organized and named layers. Gerges Ibrahim @jesoo · 1 year ago. Auto layout70+ UI kitComponentsFree templates. in/. Available for Figma, Sketch, XD and InVision Studio. Airbnb is go-to app for finding amazing travel stays, from cozy homestays and scenic rentals to luxurious hotels, connecting local hosts and travellers for memorable travel experiences. Maintain a cohesive look: Access plenty of typography, colors, and layout grid that easily adapt across designs. com Wireframing (Landing page) (Agency) | UI Kit | Figma The fastest way to easily ideate and sketch your product. This all-inclusive design resource boasts a variety of adaptable, pixel-perfect template and components, perfect for crafting Mobile Figma wireframe UI kit. User Persona Template. Feel free to reuse, iterate, completely mess up, or even create your own kit based on this one! Download. Download Resource. MP Figma Design System - Premium. 15 Footers. Responsive Design. Get your ideas together wireframe easily, the tools provided in this kit will help you achieve your objectives effortlessly. libraries ui-kits wireframes design-templates desktop-apps-websites mobile-apps resume-templates portfolio-templates presentations design-tools accessibility editing-effects file-organization import-export prototyping-animation visual-assets fonts-typography illustrations shapes-colors stock-photography whiteboarding brainstorming diagramming Design pixel-perfect designs: Our wireframe kit snaps effortlessly to a 4 and 8-point grid. This kit serves as an indispensable tool to expedite the design process About . Category: Wireframe Kit. Speed up your workflow with this wireframe kit. 49 wireframes. Low Fidelity Neumorphic UI & Wireframe Kit Open source free wireframe kit. Customizable Style Guide. Visualize dynamic color in your UI. libraries ui-kits wireframes design-templates desktop-apps-websites mobile-apps resume-templates portfolio-templates presentations design-tools accessibility editing-effects file-organization import-export prototyping-animation visual-assets fonts-typography illustrations shapes-colors stock-photography whiteboarding brainstorming diagramming Download “Free Wireframe Kit” 1019975825043623218 – Downloaded 1217 times – Card Components Concept Design Covers Library Design System Design Templates Features Header Design Landing Page Price Table Testimonial Typography Web Design Website Template Website Wireframe Wireframe wireframe kit Easy-Peasy Wireframe Kit. This Travel App UI Kit with customable components and organized layout to help you optimize your own app, match it with your potential customers and bring you the revenue. For Figma. A starter wireframe kit for quick design and prototyping your idea. 20 Headers. Pick the presets that suit your project and paste them into your Figma design. Start diagramming. Mahdi BIT @mahdibeitari · 7 months ago. Visualize your ideas as wireframes and share them with others so you can collaborate and align on flows and layouts, together. I consolidated, organized and improved all of those components into this Wireframing Starter Kit, initially for personal use, but I’m also sharing Wireframe at any fidelity with ease. This comprehensive UI kit provides all the elements of Uber Mobile App design. Landing Page Wireframe Kit (Free) 👀 Explore our free Figma Landing Page Wireframe UI Kit – the ultimate tool for rapid prototyping. H. libraries ui-kits wireframes design-templates desktop-apps-websites mobile-apps resume-templates portfolio-templates presentations design-tools accessibility editing-effects file-organization import-export prototyping-animation visual-assets fonts-typography illustrations shapes-colors stock-photography whiteboarding brainstorming diagramming The third row of the keyboard has the same keys as the second row. WebbyFrames - A Simple and Powerful Wireframing Kit Wireframe kit to help you create websites, landing pages, web apps, and many more. This unique clean and minimalism UI Kits screens will be the Comments 0. Wireframe kit based on Atomic design. Feedback @kapil. It also uses the Bootstrap grid layout as well. Unlimited Access to All Products. This is ideal for UI designers, developers, and UX researchers. This all-inclusive design resource boasts a variety of adaptable, pixel-perfect template and Explore Spotify Mobile UI Kit, designed for Figma users. The first step of any good design is to sketch out your ideas and determine the placement of all the different elements on a page. It really made my day, knowing that this UI Kit is helping Apps Paywalls and Subscription Screens. Dark layouts are now an essential part of a web design project. Clonify is an innovative library of pre-made Figma layouts, wireframes, and assets that helps you build world-class projects in minutes. With overhauled components & patterns rebuilt from the ground up for Figma’s auto-layout 4. com. Basic components ButtonsPlaceholdersForm Elements (Inputs, Text area, Select, Multiselect, Checkbox, Radiobutton)Adaptive Typography Blocks (H1 - H5, Paragraph, Facts)ChipsTabsBasic popups and Interactive Button - Circle hover effect. If you’re trying to decide which type of wireframing tool to use, there are a wide variety of wireframing tools and apps out there that make wireframing quick and easy. In this page you can find a shortlist of the best free Figma UI kits available out there. Variant supported. You can use this UI kit to recreate or modify Pinterest Web design. Open in Figma. 0 system, Wireframy combines the simplicity of rapid wireframing with the depth and power to develop your designs into fully responsive high-fi screens. This awesome Figma freebie created and shared by Dave Whitley. Very simple setup but with everything you need to get started. Each kit is designed to work seamlessly with its respective design software, making it easy to create high-quality wireframes and prototypes that accurately reflect the final design. 0 and smart variants. Free Updates. Spotify's UI design blends functionality and style, delivering an unrivaled user experience in the world of music streaming apps. Freebie by Martina Wolna. Each component has been created with the latest version of Auto Layout, supports Component Properties, variants, Light and Dark A huge library of over 100 wireframing components made in Figma. Beautiful easy to use wireframe UI kit with more than 440 web and mobile layouts. Mar 22, 2024 · Comments 1. LicenseSupport. Drag-and-drop web elements, tinker alongside team members, flow in existing designs from Figma, and chart your user’s footprints. The Material 3 Design Kit is built to work with the Material Theme Builder Figma plugin. Clean and clear Wireframes layout for your next project. Smart, scalable typography system for any project. For the past few years I’ve done multiple low-fidelity wireframes and prototypes to test and present new ideas and flows, and with each iteration I’d polish and improve its visual components. A free fully-loaded wireframing kit, including 1400+ icons and many ready-made example modules & layouts. This template will allow you to save time on the creation and layout of your websites. It was designed to be simple and flexible for the customization and creation of different components. Design file • 56 • 4. ob cy mg tv qj ur xk pp sg mw