Join Brian Wood for an in-depth discussion in this video Working with components, part of Figma for UX Design.
- [Instructor] Being able to reuse content,…as well as tie consistent elements together…can actually be a real time saver…when you design an app or a web design.…Most programs actually refer to these as symbols,…but in Figma, these reusable elements are called components.…So in this video, you'll explore how to create…and edit components.…We'll start with the status bar up here.…So click on one of the objects and press shift two…to zoom into it, and then shift click…to select the other one.…Come up top to create a component out of this,…or a reusable element.…
Click create component.…It's now purple, which means it's the master component…and you can see the icon over here, which tells you that.…Now we'll copy this and we'll put this in the other frame.…So press command T on Mac or control C on Windows,…press shift one so we can see everything.…Click on the name of the frame here…and press command V on Mac or control V…on Windows to paste it.…Same thing over here.…Click on hikes, command V on Mac, control V on Windows.…
- 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
UX Foundations: Interaction Designwith David Hogue3h 33m Intermediate
Using the exercise files2m 1s
1. Set Up a Figma Project
2. Adding Content
5. Collaborating, Sharing, and Exporting
- 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.Cancel
Take 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.