> ## 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.

# Add brand assets

*No full design system yet? Give Figr your logo, colours and fonts, and it'll keep every design on-brand.*

You don't need a complete component library to get on-brand results. A few brand assets, like your logo, colours, fonts and a couple of screens, are enough for Figr to match your look from the first message.

**1. Start a new design system**

Open **Design System** in the sidebar and create a new one.

**2. Choose brand assets as a source**

Under **Sources**, choose **Brand assets**.

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

> [!TIP]
>
> Five screenshots give Figr a basic read of your style. Around 20 give it a much deeper one.

**3. Upload what you have**

Add your logo, brand colours, fonts, icons and a few screenshots of your product or site. Add a short note for any rules, like "Use our primary blue only for buttons."

![Uploaded brand assets listed in the design system](https://mintcdn.com/figr-1af7ae64/6fNHqiw94uTEs_lh/images/docs/brand-03-uploaded.png?fit=max\&auto=format\&n=6fNHqiw94uTEs_lh\&q=85\&s=d65c9e29e5789cacbdb47f33dc58b3af)

**4. Set it up**

Click **Setup design system**. Figr reads your assets and builds a design system you can use right away.

> [!NOTE]
>
> **Even quicker:** if you don't attach a design system at all, Figr can pick up your brand colours and type from your website automatically.


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