Medium badge

Figma Public

Team Badge List

Badge holders have learned the basics of the UI/UX prototyping tool called Figma

Required Evidence

Challenge

Solve this learning challenge by posting a link to your figma file. More Info

Badge Overview

(This badge is a work in progress)

Overview

Figma is used within BL to create and share mockups of frontend apps, pages and components as well as to share design tokens like fonts, colors and images to be used in an application.

References

Watch the following videos to get an understanding of the workflow and features of Figma.

Also check out Figma's youtube channel for a collection of short and medium length feature focused videos: https://bit.ly/2QUMRKM

  • Figma Tutorial - A Free UI Design/Prototyping Tool. It's awesome.: 
  • Intro to Figma - Beginners guide to Figma Basics: 
  • Figma Tutorial: Prototyping: 
  • Prototyping and Interactions in Figma: 

Challenges

Create a simple mockup of a pop-up dialog that:
  • Asks people to signup for a Knova newsletter - add some humor to the dialog
  • The dialog should be made up of "components", including at least these sub-components:
    • One for any text boxes
    • One for the buttons 
    • Any others you might want to create
Post a link to your completed figma file in #Challenge.

Badge Experts

 

Bridger Zoske

Bridgerz

Badge awarded on 1/24/20
 

Stephanie Caulley

sdcaulley

Badge awarded on 1/24/20

Badge Learners