- [Instructor] Figma offers a wide range of drawing tools…and ways to bring in vector content.…So in this video, we'll focus on…creating and editing vector content.…In the browser with MyTravelApp open,…we're gonna add a few shapes.…First of all, we'll start by adding a rectangle up here…so we can see this content.…So click up here, you're gonna see…we have the rectangle tool and if you click on the arrow…you'll see all the different shape tools…including arrows and this is also where…you can go to place images.…Click on the rectangle tool and I'm gonna…zoom in a little bit up here.…
So I'm gonna press Command and use my…scroll wheel on my mouse.…You can press the Plus key.…You can also use a lot of different ways actually.…Come up to the upper left here…and we're gonna draw or create a rectangle.…So click and drag and create a rectangle about ye big,…you can see the measurement label…which is actually pretty cool, let go…and come over here to the right,…you're gonna see that we have our content here.…We got our fill, we got our opacity if you want.…
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: Creating and editing shapes