Aligning text to baseline grid in Figma

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

Godwin John

Godwin John

Жыл бұрын

#Figma #Figmatutorial #learnfromme #productivity #productdesign #ui #ux #learnfigma #workflow #dowithme

Пікірлер: 3
@michaelschultze3595
@michaelschultze3595 Жыл бұрын
Nice.That's how I did it so far, but how do I get this to work with the auto layout if I want to put everything on an 8px grid. Text, buttons, graphics
@gdwn__
@gdwn__ Жыл бұрын
I also use auto layout and it works. I set my text line height to be divisible by 8. I also make sure the height of my cards are divisible by 8. For illustrations and graphics, I wrap them in a frame and make sure the frame height is divisible by 8. Then, when I use autolayout I also make sure the spacing and the padding values are divisible by 8. This might seem like a lot but you tend to get used to it and choosing your spacing value becomes a breeze. If you need more clarity on this, we could always connect on Twitter- @gdwn__
@michaelschultze3595
@michaelschultze3595 Жыл бұрын
@@gdwn__ Thanks a lot
Using a 4pt grid system | Product Design (UX/UI) | Free Template
10:04
Typography sizing and line height in web design
11:30
Tonic
Рет қаралды 46 М.
100❤️
00:19
MY💝No War🤝
Рет қаралды 22 МЛН
50 YouTubers Fight For $1,000,000
41:27
MrBeast
Рет қаралды 135 МЛН
InDesign Tutorial: Baseline Aligned Grid
15:53
Luke Gibson
Рет қаралды 84 М.
Baseline Grids | The basics of Baseline Grids in UI & Web Design
9:33
Jesse Showalter
Рет қаралды 107 М.
InDesign - Align to Baseline Grid and Modular Grid Tutorial
10:35
Stephen Kelman
Рет қаралды 35 М.
Responsive Design in Figma: Crash Course 2023
20:47
Tim Gabe
Рет қаралды 104 М.
Figma Tutorial: Auto Layout | Master Auto Layout in 15 Minutes
15:40
DesignWithArash
Рет қаралды 189 М.