Positioning, Sizing and Layout - Framer Fundamentals

Подписаться 306 тыс.

Просмотров 36 тыс.

50% 1

In this video, we focus on layout, sizing, and positioning in Framer. You’ll learn about layout options like Stacks and Grids, distribution and alignment of elements within a Frame, and concepts like padding and gaps. Discover different sizing options such as Fixed, Relative, Fill, and Fit Content, and explore positioning techniques including Absolute, Relative, Fixed, and Sticky.
Remix the project: framer.com/projects/new?dupli...
🌞 Try Framer for free: framer.com
🎉 Follow on Twitter: / framer
💎 Join Community: www.framer.community

Опубликовано:

31 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 23

@user-sn3qu7vk5x 6 месяцев назад

Thank you so much for explaining concisely and clearly. It was really easy to understand!

@julianarosato2705 10 месяцев назад

you are so good explaining ! Thanks!

@ryanhayward3488 10 месяцев назад

So glad!

@vivekkumar-pc1xy 8 месяцев назад

amazing website for every frontend developers. I truely appreciate your work

@emerlander 4 месяца назад

That was very useful. Thank you!

@ONLYUX-tg4nj 10 месяцев назад

took me 2 weeks to understand this by myself. So you watch this you're lucky

@GoldFinchPanda 2 месяца назад

Very useful, thank you!

@Marrvmastery 2 месяца назад

I love your teaching ❤

@brijeshlol 9 месяцев назад

i loved the table example you gave. essentially, all we designers do is move tables!! haha.

@tayyabsohail8823 2 месяца назад

I was confusing about this layouts. But thanks to clear my concept. I think you did better job then framer university. 😁😁

@surendarkumar-rs1og 10 месяцев назад

When i work around with sizing property it changes when i make changes to child or parent element. e.g a row section set to fill and the change in parent makes it fixed automatically, Is there is any way to control it? Also if you can create a tutorial on "when to use fit to viewport or fill, fixed" on section layouts would be great or may be a right way to create a website.

@SoulStudio_VM 7 месяцев назад

same

@Sponsi_PL 3 месяца назад

Yeah, I created a row with 2 columns, preconfigured, made a component and when I place it I can't add, edit content within it OMFG...

@androidfarmer8863 6 месяцев назад

It would be really helpful if the assets were available so we could follow along. Also, is there a way to save the remix project to our own dashboard so we can save progress while experimenting? Thanks!

@bazibada 2 месяца назад

Thanks for the tutorial ! If I might suggest something for the future, is to see less of you and more of the software itself ! Not that you're unagreable to look at, but it would be more useful :) And sometimes because it's zoomed on the canvas it can be unsure about what layer is selected. Otherwise, everything is rather concise, good job !

@kachied 5 месяцев назад

You are awesome

@james.kaloki 8 месяцев назад

unlike webflow how does someone make negative margin in framer ?

@opeyemibalogun3501 4 месяца назад

Thanks for the lecture, please I want to know if someone can be limited if you are using free plan

@opeyemibalogun3501 4 месяца назад

Because all my fill content are not available for use

@Framer 4 месяца назад

No layout features are limited by the Free plan. If you can't use "fill" on an element the parent layer likely does not have the Layout property enabled.