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 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 projects
Publisher resources
Table of contents
-
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
Product information
- Title: Prototyping with Figma
- Author(s):
- Release date: May 2017
- Publisher(s): Infinite Skills
- ISBN: 9781491989999
You might also like
book
Designing and Prototyping Interfaces with Figma
Discover user experience and user interface design best practices while mastering a wide array of tools …
video
Figma for UI/UX: Master Web Design in Figma
Figma is a vector graphics editor and prototyping tool that is primarily web-based, with additional offline …
book
The Designer’s Guide to Figma
Figma is the most complete tool for designing apps, websites, and other types of user interfaces …
book
Head First Design Patterns, 2nd Edition
What will you learn from this book? You know you don't want to reinvent the wheel, …