Wirefigma—FREE wireframe kit

Design web and mobile applications faster and focus on what really matters—your ideas.


Design system behind the scenes

-Auto-layout

-Color styles

-Component variants


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.



Get Wirefigma PRO with *all components and props


Library

Accordion (*Size, Expanded, *Disabled)

Avatar (*Size, *Inverse)

Breadcrumb (Active, Icon)

Button (Type, *Size, Disabled, Icon leading, Icon trailing)

Button group (*Size, Active, Icon leading, Icon trailing)

Button icon (Type, *Size, Disabled)

Button split (Type, *Size, Disabled)

Card (Horizontal, Card—Image, *Padding, Title, Text, CTA)

Checkbox (Checked, Indeterminate, Disabled, *Label)

Date picker (*Size, *Focus, Disabled, *Label, *Calendar)

Dialog (*Close, *Button left, *Button center, *Button right)

Dropdown (*Extra items, Icon leading, Icon trailing, Disabled)

Icon (*Size, *Symbol)

Image (*Custom)

Image carousel (*Pagination)

*Link (Icon leading, Icon trailing)

Logo (*Inverse)

*Loader (Size, Completion)

Media map

Media player

*Navigation top iOS (Button left, Top title, Button right, Large title, Search)

*Navigation top Android (Type, Button left, Top title, Button right)

Navigation bottom (Active, Bottom direction, *Icon, Label)

Notification (Icon, Button, *Close)

Pagination (*Active, Disabled)

Radio button (On, Disabled, Label)

Rating (*0, 1, 2, 3, 4, 5)

Select (*Size, *Focused, Disabled, Label, *Text)

Slider (0%, 25%, 50%, 75%, 100%, *Disabled)

*Table (Size, Extra rows)

Tabs (Active, Top marker)

Tag (*Size

,

*Disabled

,

Icon leading, Icon trailing)

Text area (*Size, *Focused, Disabled, Label, *Text)

Text input (*Size, *Focused, Disabled, Label, *Icon leading, *Text, *Icon trailing)

Toggle (*Size, On, Disabled, Label)

Tooltip (Top, Bottom, Right, Left, *Wrap)


Tools

Sticky note

Callout

Scrollbar

Device phone (*Status bar, *Keyboard)

Device tablet (*Status bar, *Keyboard)

Device desktop (*Browser bar)

*Flowlines


Support

Issue reports and feature requests to

wirefigma@tiborlovas.com

.