---
title: Figma
slug: docs/figma
description: Discover how Figma enhances UI design and collaboration with Archbee, enabling effective wireframing, prototyping, and client documentation integration for improved workflows.
image: https://archbee-image-uploads.s3.amazonaws.com/bNBm7nPJgXjbjLyfbHNh2/_1fVMn2xhtdX2Y1X5zb-J_archbee-figma.png
icon: {"lucideIcon":"Figma"}
docTags: 
createdAt: 2022-06-10T09:58:50.000Z
---

::Image[]{src="https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/_1fVMn2xhtdX2Y1X5zb-J_archbee-figma.png" size="60" width="1200" height="676" position="center" showCaption="false"}

### What is Figma?

[Figma](https://www.figma.com/) is a powerful web-based graphics editing and user interface design tool that integrates seamlessly with Archbee. It enhances your workflow by allowing you to create wireframes, design mobile app interfaces, and prototype solutions collaboratively. This integration streamlines communication and optimizes project outcomes.

At its core, Figma is a tool made for user interface design and prototyping. Before moving forward, it’s best that you get a basic understanding of UI design. It’ll help you make the most of the free app.

### Use cases

1. Clients could use Figma embed, to reinforce their documentation
2. Figma embed could also be used as an user guide with multiple steps, along with documentation, and the client can make multiple embeds, to cover all the steps they need

::Iframely{originalUrl="https://www.figma.com/design/C0U7Tpnv2S5yVOkVVbFBJ7/Archbee-2026--Public-CMS-?node-id=0-1&t=n9KcoqvGrVo2Hv6Q-1" embedUrl="https://www.figma.com/design/C0U7Tpnv2S5yVOkVVbFBJ7/Archbee-2026--Public-CMS-?node-id=0-1" title="Archbee 2026 (Public/CMS)" html="<div style=&#x22;left: 0; width: 100%; height: 450px; position: relative;&#x22;><iframe src=&#x22;https://embed.figma.com/design/C0U7Tpnv2S5yVOkVVbFBJ7/Archbee-2026--Public-CMS-?embed-host=iframely&node-id=0-1&page-selector=1&theme=light&#x22; style=&#x22;top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;&#x22; allowfullscreen></iframe></div>"}