Completed
Adding more phone icons to the design
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
How to Use Figma: UI Design Tutorial for Beginners
Automatically move to the next video in the Classroom when playback concludes
- 1 Introduction
- 2 What is UI Design
- 3 Signup for your FREE Figma account
- 4 Quick tour of Figma
- 5 Explore the Figma Community for templates
- 6 Finding and opening a template in Figma
- 7 Tools for modification and design
- 8 Rearranging the template
- 9 Deleting and naming
- 10 Adding frames to start your design
- 11 Setting your background color
- 12 Adding a shape
- 13 Adding a button with text
- 14 Naming the button layer
- 15 Grouping objects
- 16 Adding more text
- 17 Adding an image in Figma
- 18 Modifying images
- 19 Adding a logo
- 20 Cropping images
- 21 Figma Community - Find iPhone status bar
- 22 Adding second frame
- 23 Adding and modifying shapes
- 24 Curving corners of shapes
- 25 Explore Figma Community - Phone icons
- 26 Inserting shapes as image placeholders
- 27 Adding a circle shape with a stroke around
- 28 Adding more phone icons to the design
- 29 Adding shapes for image placeholders for multiple images at once
- 30 Pause the video here to create a frame on your own
- 31 Prototyping your design
