Prototyping with Figma

Video description

Design pro Andy Anderson is your guide in this how-to course covering the basics of working with the Figma prototyping design tool. He begins with an explanation of Figma's online collaborative prototyping environment (designers work from anywhere in the world, using any connected computer), before moving on to the build-out of an actual working prototype.

You'll learn how to add content in the form of text, images, and components; then look at how you …

Prototyping with Figma

Video description

Gain hands-on experience building a functional prototype for a smartphone app
Learn how to access the Figma site, start a project, and work online
Pick up Figma shortcuts that speed up the prototyping design process
Explore and use Figma's basic toolsets - layout grids, frames, etc.
Learn how to add and control project images, components, and text
Understand how to preview, share, and export Figma projects

Instructor Andy Anderson is the author of over a dozen best-selling books on graphics and design, including the O'Reilly titles "Getting Started with Adobe InDesign CC 2015" and "Learning Lightroom 6/CC." Funny, engaging, and always on point, he's worked with Adobe tools since 1990 and has taught Adobe Photoshop, Illustrator, InDesign, Flash, and Dreamweaver to thousands of happy students over the past 25 years.

Publisher resources

Download Example Code

Introduction

Introduction 00:01:28

About The Author 00:04:16

What Is Figma 00:05:04

Building A Figma Project

Introduction 00:00:39

Starting With Figma 00:04:17

Adding And Removing Files & Projects 00:04:31

Placing & Importing Into Figma 00:05:54

Team Building 00:03:10

Adding Substance To The Project

Introduction 00:00:39

Defining Projects With Frames 00:08:39

Designing With Shapes And The Pen Tool 00:08:05

Laying The Project Framework 00:08:26

Working With Images And Components

Introduction 00:00:52

Inserting Images Into A Project 00:06:52

Controlling Figma Content With Layers 00:06:59

Adding Components To A Project 00:07:17

Resizing Tips & Tricks 00:06:54

Moving Back In Time 00:03:58

Formatting Text

Introduction 00:00:44

Incorporating Text Into A Project 00:09:56

Formatting Paragraph Text 00:10:02

Putting On The Finishing Touches

Introduction 00:01:08

Previewing A Figma Project 00:02:35

Sharing With The Community 00:05:13

Adding Comments To A Project 00:02:16

Exporting A Figma Project 00:04:13

Final Thoughts

Wrap Up 00:01:05

Start your Free Trial

Self paced

Go to the Course
We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.