• We are STAs
    • Diya Nair
    • Haley Ma
    • Kate Shih
    • Kyra Lee
    • Leilani Cabello
    • Lila Mali
    • Marissa Devivar
    • Nicholas Peasley
    • Raaga Srimadh
    • Shanda Horm
    • Shriya Atreya
    • Thang Truong
  • We were STAs
  • STA Presentation
    • STA Presentation 2017
    • STA Presentation 2016
  • Testimonials
  • Resources
  • Home

STA Blog

UX FIGMA Training

November 11, 2020 By Abriella Corker

UX FIGMA Basic Training

I started out the training picking the option of creating a portfolio over a floral shop website. I used procreate to draw out my wireframe sketch. I used red to label elements and show connections between frames.

I went through the basic instructions on FIGMA to get familiar with the platform and how to wireframe and prototype. From there I started working on creating the template and picking a color scheme.

This is how it ended up looking with all the content laid out in it. A hero image will flip through different pictures when tapped. When the user clicks one of the three projects on the main pages a window will overlay on top so they can see a description and more images of the project. I couldn’t get the navigation elements to do the commands I want because FIGMA isn’t equipped for the edit I want so I placed in the elements but they aren’t functional.

Thuy and I will walk through and test out each other’s templates next and provide feedback.

Filed Under: 2020 Summer | 2020 Fall

link to LAITS home page

Video STA Home

© 2025 Liberal Arts Instructional Technology Services | Production Credits