Easy Guide to Figma Constraints: with Real UI Examples

  Рет қаралды 1,368

Design Xstream

Design Xstream

Күн бұрын

This is an easy-to-understand guide on how constraints work in Figma. Constraints are a common topic in many tools like Figma, Sketch, WebFlow, Framer, etc. The behaviour is also common in most of these tools which help in creating designs that scale.
#Figma #Constraints #FigmaTutorialSeries
⏱️Timestamps:
0:00 - Intro
0:34 - Understanding the terms
3:18 - Example for Left, Right, Top, Bottom
5:09 - Example for Left & Right, Top & Bottom
6:24 - Example for Scale, Center
6:52 - Advanced Constraints
🔴 Don't forget to Subscribe. Trust me it's absolutely FREE - bit.ly/SubToDesignXstream 😅
You have some ideas or topics in mind? Please do comment below we will make sure to check it out and do it if possible 🥳
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🌍 Social Media:
↪︎ LinkedIn - / designxstream
↪︎ Instagram - / designxstream
↪︎ Facebook - / designxstream
↪︎ Twitter - / designxstream
↪︎ Website - DesignXstream.com
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🏷 Tags: Figma constraints tutorial, Figma constraints for responsive design, how to use Figma constraints, Figma constraints examples, Figma constraints best practices, Figma constraints for beginners, Figma constraints for intermediate users, Figma constraints for advanced users, Figma constraints for UI/UX designers, Figma constraints for product designers, Figma constraints for web designers, Figma constraints for mobile app designers, Figma constraints for cross-platform design, Figma constraints for responsive prototyping, Figma constraints for responsive mockups, Figma constraints for responsive wireframes, Figma constraints for creating adaptive UI, Figma constraints for creating fluid UI, Figma constraints for creating elastic UI, Figma constraints for making your UI scale.

Пікірлер: 9
@fionavo31
@fionavo31 4 ай бұрын
very helpful for newbie. thank you a lot
@DesignXstream
@DesignXstream 4 ай бұрын
Glad it was helpful! Cheers! ✌🏼
@tipoidarraga
@tipoidarraga 7 ай бұрын
Masterclass
@DesignXstream
@DesignXstream 7 ай бұрын
🙌🏼
@maheshbiruduganti1718
@maheshbiruduganti1718 7 ай бұрын
Nice one
@joykutty8925
@joykutty8925 7 ай бұрын
Very nice
@DesignXstream
@DesignXstream 7 ай бұрын
Thanks 😁
@lissyjoy3424
@lissyjoy3424 7 ай бұрын
Very helpful class
@DesignXstream
@DesignXstream 7 ай бұрын
Thank you!
Figma Tutorial: Use Figma Variables Like a Pro (+ Practice File)
30:30
DesignWithArash
Рет қаралды 276 М.
Figma Constraints & Resizing Made SIMPLE
10:17
Tim Gabe
Рет қаралды 21 М.
HOW DID HE WIN? 😱
00:33
Topper Guild
Рет қаралды 30 МЛН
Пробую самое сладкое вещество во Вселенной
00:41
1❤️
00:17
Nonomen ノノメン
Рет қаралды 13 МЛН
Path Animation for Objects in Figma: with & without Plugins
13:39
Design Xstream
Рет қаралды 15 М.
Dev Mode for Developers
8:23
Figma
Рет қаралды 13 М.
Amateur vs Pro UI Design | with examples
20:46
Jesse Showalter
Рет қаралды 45 М.
Unbelievable AI Tool Converts Figma to Code🔥
17:46
Tech With Tim
Рет қаралды 284 М.
Easily Improve Your Web Design (With Example)
17:59
Flux Academy
Рет қаралды 27 М.
Figma с нуля #5 - Привязки (Constraints) ⚡️
13:13
Figma Alignment UIUX Tutorial for Beginners
20:47
Aliena Cai
Рет қаралды 10 М.
Опыт использования Мини ПК от TECNO
1:00
Андронет
Рет қаралды 520 М.
Blue Mobile 📲 Best For Long Audio Call 📞 💙
0:41
Tech Official
Рет қаралды 1 МЛН
Неразрушаемый смартфон
1:00
Status
Рет қаралды 2,4 МЛН
В России ускорили интернет в 1000 раз
0:18
Короче, новости
Рет қаралды 1,8 МЛН