# How to Wireframe in Figma

> To wireframe in Figma, select 'Wireframes' under 'Design Resources', choose a template, and tap 'Open in Figma'. Open a page from the left panel to edit frames, use the bottom menu to change assets, and adjust basic formatting on the right panel. Finally, click 'Share' in the top-right corner.

Canonical: https://livedemo.ai/tutorials/how-to-wireframe-in-figma/
Apps: Figma
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a52c0ab56e05a0000006c/preview?step=1

## Steps

1. Head over to the top navigation bar, then hover your mouse cursor over 'Design Resources'. Choose 'Wireframes' from the given options.
2. After that, select the specific wireframe template you prefer to use.
3. Tap 'Open in Figma' to proceed.
4. Following that, go to the left-side panel and open a page to start customizing the template.
5. Edit the provided frames one by one based on your preferences. For instance, you may change the texts, objects, components, and the like.
6. If you need to add or replace an asset, simply go to the bottom section and use the menu to make your desired changes.
7. On the one hand, navigate to the right-side panel to access and use the basic formatting settings. From here, you can customize the design of assets according to your liking.
8. Once done, go to the top-right corner and click 'Share' to send your output to your team members.