Explainers

Short videos showing how to use Figma to design user interfaces.

  1. The Figma Interface

    Start using Figma with the basics.

  2. Text and Shape Layers

    Use text and a rectangle to make a button element.

  3. Frames for UI Elements

    Use a frame to create a button element.

  4. Resizing with Auto Layout

    Set the size of a button based on its contents.

  5. Duplicate and Iterate

    Duplicate elements to tweak them and compare options.

  6. Spacing with Auto Layout

    Control the spacing between UI elements.

  7. Simplified Github Navigation

    Create a simplified navigation header based on Github’s user interface, using Frames and Auto Layout.