Figma Tutorials

Submitted by Julie.Paulin@e… on Tue, 10/31/2023 - 12:49
Sub Topics

Figma is a collaborative UI prototyping and Experience Design desktop software tool. We can use Figma to quickly wireframe, prototype and move from low to high-fidelity-ups of our digital experience projects from phone apps and websites to any other device interface. They provide tools for design, prototyping, documenting, and development.

Start by getting an overview of the tool: 

  1. What is Figma? 
  2. Explore Design Files
  3. Explore FigJam Files

Then follow the links below to download, install, and start using Figma:

    Figma's learning activities provide the best way to learn how to use the tool. 

    Go through all of the following learning projects: 

    Build a Button
    🕔 10 minutes

    Buttons are one of the most common elements you’ll build in a user interface and this project is designed to give you hands-on experience using the Text tool and auto layout. 

    Work with wireframes and prototypes
    🕔 20 minutes

    You’ll want to design some basic wireframes and prototypes to test your app idea with users.

    Illustrations
    🕔 20 minutes

    Creating illustrations is a fun way to become familiar with the Figma editor and tools. 

    Their general help page offers many more courses that you can do if you want to explore projects and features more thoroughly.

    Module Linking
    Main Topic Image
    Figma workspace
    Is Study Guide?
    Off
    Is Assessment Consultation?
    Off