Wirefigma FREE | Wireframe Design System for Web and Mobile

What is Wirefigma? Wirefigma is a design system optimized for wireframing. It allows you to design web and mobile applications or websites and iterate quickly. You can turn your wireframes into production mockups in only a few minutes. Why Wirefigma? Wirefigma was built with a design system under the hood, modeled after the most popular design systems (Google Material 3, IBM Carbon, Shopify Polaris) with all the industry standards on mind. By customizing variables, you can easily integrate your brand in a few minutes and your mockups are ready for development. Built-in features Auto-layout Variables (Color, Radius) Components (31) and variants (93) WCAG compliant Design system under the hood Fluid components FREE Google fonts and FA icons Get Wirefigma PRO Library (31) Accordion Avatar Breadcrumb Button Button group Button icon Button split Card Checkbox Date picker Dialog Dropdown Icon Image Image carousel Logo Media map Media player Navigation bottom Notification Pagination Radio button Rating Select Slider Tabs Tag Text area Text input Toggle Tooltip Tools (6) Sticky note Callout Scrollbar Device phone Device tablet Device desktop Use in FigJam Share library— In Figma, open Wirefigma and press ALT + 3 , then press Publish to publish the library. Add library —In FigJam, press CMD/CTRL + Option + O to get straight to shared libraries. (Or on the bottom bar click More , select Stickers and then Libraries . Then click + Add your own and select Wirefigma shared library to add it. Next, select Wirefigma library to turn it on in your document.) Add component —Press CMD/CTRL + 2 to open the search then select the Wirefigma to open the library. Choose any component to be added on the whiteboard. Swap component —Select the component, click the diamond icon and choose any variant. Support Issue reports and feature requests to wirefigma@tiborlovas.com .