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

# Figma resource

Mock up designs for your app.

<Intro>
  Introducing our Figma resource! This Figma file includes the common Canva components you may need to mock up a design for your app. This file matches the components in our App UI Kit, which you can find in the [starter kit](https://www.canva.dev/docs/apps/setting-up-starter-kit/). Happy designing!
</Intro>



## How to use this file

<Steps>
  <Step title="Download and install font files">
    Canva has a couple of its own custom fonts: Canva Sans and Canva Sans Display. You need to download and install these fonts to properly view the Figma file.

    To learn how to use custom fonts with Figma, see [Access local fonts on your computer](https://help.figma.com/hc/en-us/articles/360039956894-Access-local-fonts-on-your-computer#h_01FRJ81S9M9SKKQX003DX26HK6).
  </Step>

  <Step title="Download the Figma resource file">
    Simply download this file and open it in Figma.
  </Step>
</Steps>

## Related resources

* [App UI Kit](https://www.canva.dev/docs/apps/app-ui-kit/)
* [Starter kits](https://www.canva.dev/docs/apps/setting-up-starter-kit/)
* [Design principles](https://www.canva.dev/docs/apps/design-guidelines/principles/)