Figma tutorial: Auto layout review card iterations
80.1 هزار بار بازدید -
3 سال پیش
-
Figma is free to use.
Figma is free to use. Sign up here: http://bit.ly/2MChQLD
In previous Auto Layout videos, we showed how to create an auto layout component from scratch with the end-product already in mind. But what if you're still ideating and don't know what the finished product will look like yet? Designing can be messy and unpredictable. But you can easily add auto layout at any point of this process.
Tripma Design File: http://bit.ly/3nWIgV5
Figma tutorial: Card component with auto layout: https://bit.ly/3cmusk4
Learn more on our Help Center:
Create dynamic designs with Auto Layout: http://bit.ly/2vXWMXB
Behind the feature: the making of the new Auto Layout: http://bit.ly/3nYwkm2
Timestamps:
00:00 Autolayout and Design Processes
00:20 Design Example
00:28 Initial Design
01:07 Option 2
01:11 Option 3
01:20 All Options
01:35 Option 1
02:00 Adjusting Details For Option 1
02:29 For More Information
02:37 Option 2
03:01 Adjusting Details For Option 2
03:34 Option 3
04:17 Adjusting Details For Option 3
05:10 Deciding Between Options
05:17 Adjusting Styles
05:29 Adjusting The Avatar
05:36 Renaming and Making A Component
05:42 Final Tweaks
05:53 Star Rating
06:05 Tripma Design File
06:10 Wrap Up
#Figma #FigmaTutorial #AutoLayout
Music:
feellikedying by Loxbeats
https://spoti.fi/34tPBBO
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://bit.ly/2RjmWP3
Music promoted by Audio Library feellikedying – Loxbeats (No Copyrigh...
In previous Auto Layout videos, we showed how to create an auto layout component from scratch with the end-product already in mind. But what if you're still ideating and don't know what the finished product will look like yet? Designing can be messy and unpredictable. But you can easily add auto layout at any point of this process.
Tripma Design File: http://bit.ly/3nWIgV5
Figma tutorial: Card component with auto layout: https://bit.ly/3cmusk4
Learn more on our Help Center:
Create dynamic designs with Auto Layout: http://bit.ly/2vXWMXB
Behind the feature: the making of the new Auto Layout: http://bit.ly/3nYwkm2
Timestamps:
00:00 Autolayout and Design Processes
00:20 Design Example
00:28 Initial Design
01:07 Option 2
01:11 Option 3
01:20 All Options
01:35 Option 1
02:00 Adjusting Details For Option 1
02:29 For More Information
02:37 Option 2
03:01 Adjusting Details For Option 2
03:34 Option 3
04:17 Adjusting Details For Option 3
05:10 Deciding Between Options
05:17 Adjusting Styles
05:29 Adjusting The Avatar
05:36 Renaming and Making A Component
05:42 Final Tweaks
05:53 Star Rating
06:05 Tripma Design File
06:10 Wrap Up
#Figma #FigmaTutorial #AutoLayout
Music:
feellikedying by Loxbeats
https://spoti.fi/34tPBBO
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://bit.ly/2RjmWP3
Music promoted by Audio Library feellikedying – Loxbeats (No Copyrigh...
3 سال پیش
در تاریخ 1400/03/21 منتشر شده
است.
80,165
بـار بازدید شده