by Andy Anderson | Publisher: Infinite Skills | Release Date: May 2017 | ISBN: 9781491990001

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 export a project, and how you share a project. All that while you explore some time-saving tips and tricks, and much more... and it begins with the very first lesson. 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 projectsInstructor 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.

1. Introduction
   • Introduction 00:01:28
   • About The Author 00:04:16
   • What Is Figma 00:05:04
2. 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
3. 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
4. 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
5. Formatting Text
   • Introduction 00:00:44
   • Incorporating Text Into A Project 00:09:56
   • Formatting Paragraph Text 00:10:02
6. 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
7. Final Thoughts
   • Wrap Up 00:01:05