Video

https://www.youtube.com/embed/ZKdZ3FCRpeY?si=9MCXUqizo02WsXpG

Written steps

<aside>

  1. Start here. This is the first screen in the file:

Group 84.png

</aside>

<aside>

  1. A quick orientation of the interface. Terms in quotation marks match Figma’s exact names if you want to search them.

    Group 86.png

    1. Orange (left) — “Pages”
      Different sections of the file. Think of these like folders separating templates, branding, and components.
    1. Pink (bottom left) — “Layers panel” Shows everything on the current page in order. You’ll use this to select specific elements when clicking the canvas feels difficult.
    1. Blue (centre) — “Canvas” The workspace where all email layouts live. You’ll mainly click and edit things here.
    1. Purple (right) — “Properties panel” Controls for the selected item. This is where you change text, colours, spacing, and images.

    Red — Ignore

    These are general Figma tools and won’t be needed for Foundry.

</aside>

<aside>

Next up:

Adding your Fonts and Brand Colours

</aside>