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.