(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.
