Take a look at the Stacks tool and how it can be used to organize multiple items.
- [Instructor] Okay, so now let's explore stacks.…Stacks are basically a tool…that allows you to group multiple items together…and allow it to distribute and align properly…and this is the issue that we have here.…So, let's go ahead and create a stack for these items…and what we're gonna do is basically click on the plus,…click on Stack or S,…and then select the area we wanna create a stack…like that.…
And what you wanna do once you created the stack…is to put it in the right screen…so let's go ahead and do that…so this is in the list view…so let's go and put the stack in the list view…and then put the frames…that we created inside of the stack like so.…So, I don't know if you just saw that,…but basically the stack distributed evenly between them.…So, if I click on item inside of my stack like so,…I'm able to move it wherever I want…so you can redistribute the items internally as you wish.…
So, if I want to have the house above the blog…or the beach below the house,…then I can redistribute.…The other thing that you can with stacks…
Author
Released
10/10/2018- What is Framer X?
- Define your layout
- Creating more layouts
- Using frames and text in frames
- Drawing with a path
- Creating interactions
- Working with React components
Skill Level Beginner
Duration
Views
Related Courses
-
Building and Maintaining Your UX Design Portfolio
with Diane Cronenwett15m 54s Appropriate for all -
Practical UX Weekly
with Drew Bridewell1h 8m Intermediate
-
Introduction
-
Learning Framer X1m 8s
-
-
1. Introduction to Framer X
-
What is Framer X?1m 44s
-
Overview of the interface2m 36s
-
Overview of the store2m 40s
-
-
2. Design in Framer X
-
Define your layout3m 45s
-
Explore frame resizing1m 33s
-
Create more layouts3m 20s
-
Use frames with pictures2m 59s
-
Stacks introduction2m 30s
-
Use texts in frames4m 3s
-
Draw with a path4m 8s
-
-
3. Prototype in Framer X
-
Overview of interactions1m 15s
-
Create a scroll interaction2m 46s
-
-
4. Introduction to Components
-
What is a component?2m 19s
-
Introduction to React2m 8s
-
Your first React component5m 53s
-
Introduction to overrides3m 43s
-
Publishing your component2m 46s
-
-
Conclusion
-
Next steps1m 19s
-
- 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: Stacks introduction