- [Narrator] In the previous lesson,…you learned about creating and editing a few simple shapes.…In this video, I just wanna introduce you…to editing with the pen tool in Figma.…Now it's really similar to the ways,…pen tools work in other programs like Adobe Illustrator,…but it's got a few tricks up it's sleeve.…So let's take a look.…What we'll do, is we're gonna draw an icon,…another icon out here.…So, start out by selecting the rectangle tool…and let's draw a rectangle right here.…Just keep it kind of simple.…And we'll just create another rectangle.…
It's gonna go right on top and then we'll punch it out…just to make part of our shape.…So, click the rectangle tool again…and just make a little rectangle right here.…I'm gonna zoom in a little bit by pressing the plus key.…With that selected, go ahead and drag it.…And what you can do if you want to,…is use the smart guides to align things.…You can also select multiple objects…and use the alignment options right up here.…Select both objects, come up to the top…to the boolean operations.…
Author
Released
6/25/2018- Creating a Figma project
- Importing from Sketch
- Working with frames and shapes
- Adding and formatting text
- Drawing, components, constraints, and versioning
- Creating a prototype
- Previewing your designs on mobile devices
Skill Level Intermediate
Duration
Views
Related Courses
-
UX Design: 1 Overview
with Chris Nodder13m 48s Intermediate -
UX Foundations: Interaction Design
with David Hogue3h 33m Intermediate -
UX Foundations: Prototyping
with Diane Cronenwett1h 18m Beginner
-
Introduction
-
Using the exercise files2m 1s
-
1. Set Up a Figma Project
-
What is Figma?3m 47s
-
Sign up and take a tour3m 56s
-
Setting up local fonts1m 42s
-
Import from Sketch4m 26s
-
-
2. Adding Content
-
Set up frames4m 53s
-
Working with pages3m 52s
-
Creating and editing shapes5m 38s
-
Drawing4m 35s
-
Images and masking7m 29s
-
Adding and formatting text5m 32s
-
Organizing with layers3m 21s
-
Working with components4m 10s
-
Applying constraints6m 33s
-
Versioning3m 46s
-
-
3. Prototyping
-
What is prototyping1m 30s
-
Create a prototype5m 21s
-
-
4. Teams
-
Setting up a team4m 9s
-
Creating a project2m 43s
-
Working with Team Libraries7m 26s
-
-
5. Collaborating, Sharing, and Exporting
-
Live Device Preview3m 27s
-
Sharing7m 4s
-
Commenting4m 21s
-
Exporting assets4m 8s
-
-
Conclusion
-
Next steps38s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Drawing