Wireframes

Everything you need to quickly wireframe in Figma at the right fidelity: Not lines and shapes, not finished design.

• Over 300 responsive auto-layout wireframe components and elements.
  
• Wireframe Builder plugin: Search components, drag and drop, and generate wireframes instantly.
  
• Figma design system of text and color styles to easily redesign your wireframes.
• Wireframe examples as a starting point.

Design by hand, use the plugin, or combine with the AI Wireframe System and Wireframe Deck.

What you get

Figma library
A huge library of auto-layout, wireframe-fidelity components across 10 categories. Easily redesign: Built from smaller shared components and a shared system of Figma color and text styles.

Figma plugin
The included custom plugin lets you build wireframes by searching the component library, with a drag n drop multi-column interface. Click "Build Wireframe" and the plugin instantly generates the full Figma wireframe. 

Wireframe Deck + AI System compatible
Go from a photo of a Wireframe Deck card layout to an AI chat to a wireframe in Figma in a few clicks. Add the AI Wireframe System to generate matching HTML wireframes from prompts, all matching the same design system.