> ## Documentation Index
> Fetch the complete documentation index at: https://docs.figr.design/llms.txt
> Use this file to discover all available pages before exploring further.

# Switch design systems in chat

*Pick which design system Figr uses for your next message, without leaving your project.*

Many teams have more than one design system: one for the web app, one for mobile, one for marketing. You can switch between them in the same project, so Figr designs each screen in the right style.

**1. Open the design system picker**

In the chat box, click the design system chip to see all the design systems you can use.

![Screenshot 2026 10 21 At 1 58 47 PM](https://mintcdn.com/figr-1af7ae64/IKsR7_SNlON40_qL/images/Screenshot-2026-10-21-at-1.58.47-PM.png?fit=max\&auto=format\&n=IKsR7_SNlON40_qL\&q=85\&s=f7366f1ee8591948c7d024ff3448bb14)

**2. Find the one you want**

Search by name. Your workspace's default and most-used design systems are marked so they're easy to spot.

![Screenshot 2026 10 21 At 2 00 09 PM](https://mintcdn.com/figr-1af7ae64/GFl9SXL01D1q0Z7d/images/Screenshot-2026-10-21-at-2.00.09-PM.png?fit=max\&auto=format\&n=GFl9SXL01D1q0Z7d\&q=85\&s=2b28001cd7c77bd0469c8aea5b53ae9c)

**3. Select it**

Click a design system to make it active. It shows as a chip above your message. Hover the chip to see its full name.

![Screenshot 2026 10 21 At 1 59 43 PM](https://mintcdn.com/figr-1af7ae64/IKsR7_SNlON40_qL/images/Screenshot-2026-10-21-at-1.59.43-PM.png?fit=max\&auto=format\&n=IKsR7_SNlON40_qL\&q=85\&s=cfce96ad1f175678f0c583a1394b76e4)

**4. Send your message**

Figr uses the selected design system for this message and the ones after it, until you switch again.

> [!TIP]
>
> Want the same screen in two styles? Ask Figr to design it once, switch design systems, then ask for the same screen again. You'll get both side by side on the canvas.

## Set a default for your workspace

Admins can set a default design system that new projects attach automatically. If there's no default, Figr recommends the most-used one in the picker.

![Screenshot 2026 10 21 At 2 01 03 PM](https://mintcdn.com/figr-1af7ae64/GFl9SXL01D1q0Z7d/images/Screenshot-2026-10-21-at-2.01.03-PM.png?fit=max\&auto=format\&n=GFl9SXL01D1q0Z7d\&q=85\&s=cb7716706638c048be5cee1ef6b53344)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.