Prototyping

Figma Community file - Figma Community Awards 2022 Paper Kit was a finalist in the Figma Community Awards! Thanks to all who showed their support and voted! What's New✨ May 3, 2022 Improved component namingMore organized Component pageBrand new palette of accent colors for you to choose from, based on Crayola colors (...

Figma Community file - Bricks is a free components library You can use it to create wireframes or as base for your own Ui-kit. Basic components ButtonsPlaceholdersForm Elements (Inputs, Text area, Select, Multiselect, Checkbox, Radiobutton)Adaptive Typography Blocks (H1 - H5, Paragraph, Facts)ChipsTabsBasic popups and...

Figma Community plugin - Convert any website into fully editable Figma designs. Leverage an existing website and import its html to Figma to start your own designs, without building each element from scratch. Powered by story.to.design technology 🚀 How it works: Install this plugin, html.to.designOn a blank Figma file,...

Introducing html.to.design: our new plugin that converts any webpage into fully editable Figma designs!

In this Figma tip, we go over what component properties are and how to create them. Figma is free to use. Sign up here: https://bit.ly/3msp0OV ____________________________________________________ Find us on ⬇️ Twitter: https://twitter.com/figma Instagram: https://www.instagram.com/figma LinkedIn: https://www.linkedin.com/company/figma Figma forum: https://forum.figma.com/ ____________________________________________________ #Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems

Learn to build multi-action prototypes as we recreate Figma's example in their Config 2023 documentation. Explore the full range of courses at https://www.uicollective.co/ Download this design file: https://www.uicollective.co/course/recreating-figmas-multi-actions-prototype Download the token styles template shown: https://www.uicollective.co/course/getting-started-with-ui-collective 0:00 An Introduction 0:50 Prepping the Prototype 2:52 Building the Prototype

Figma Community file - Want to get started with Advanced Prototyping in Figma but don't know how? I mapped out resources to help you learn. Here you will find youtube tutorials, links to playground and community files, and best practice articles. This file will be continuously updated as we publish more resources!

Transforming your wireframing experience in Figma: focused, fast, efficient. Fun and focused wireframing. Easily drag and drop UI components to create layout with focus on the structure and content, without the distraction of colors and pixel perfection. Iterate faster than pen on paper. Experi...

With the advent of design systems its become easier and easier to work in hi-fi designs quickly and easily. Sometimes, however, you need to step back into lo-fi wireframes. Wire Box lets you convert your designs back to to wires with one click, helping you and your team mates focus on the UX rat...

Free Popular Wireframes library for everyone, Wireframe plugin is the best Figma plugin for creating beautiful wireframes, user flow, prototypes and basic structures, so no other kits, files or skills required! just drag and drop to add it on Figma, All the Wireframe can be used freely under crea...

Wireframer can be the new trend in wireframes text generation process. 🧨 It can aid both high fidelity and quick messy wireframes by generating cool & unique SVG placeholder. Another use case can be isometric illustrations. Adjust the parameters and get back a unique cool placeholder text! For...

Low/mid fidelity wireframing kit that aims to give you the flexibility and speed to get your ideas down quickly. Most wireframing kits I've come across either have too many elements, or not enough. WireFramer attempts to keep main components to a minimum (so they're easy to find), but with a lot...