Join Brian Wood for an in-depth discussion in this video Applying constraints, part of Figma for UX Design.
- [Instructor] In Figma we can apply constraints…to artwork within a frame.…Now constraints let Figma know how to move and resize…these items as the frame they're nested in is resized.…So let's take a look at working with constraints.…So make sure that layers are showing over here.…What we're gonna do is we're gonna take these icons…and make them into a component,…but we're gonna use constraints.…So first of all let's look and see what a constraint is.…If you click on this image right here…and look over on the right you're gonna see constraints.…Now basically what this means is this object,…relative to its parent object,…which is actually this frame, the login home,…can sit somewhere.…
We can say left, right, left and right,…which is gonna basically stretch it out,…center it or scale it proportionally essentially…in that direction, I should say,…so we can stick it on the left, stick it on the right,…however we want to do this.…So if I say left and I say top,…if we go back to the home here,…if you click on login home and take the frame…
- 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.