How to UI Design WITHOUT Grids Like a PRO
1.6万 次观看 · 2022-10-11
UI 设计
Timestamps
00:00 - The big question from you all
01:00 - Breaking down Twitter's Layout (Without Grids)
04:26 - Whiteboard Breakdown of Twitter's Layout (Quick Maffs)
07:50 - How to Design in Figma WITHOUT Grids
13:50 - How do we handover to developers then?
17:09 - Important final thoughts (You CAN use grids into Flexbox environments)
CSS Flexbox Guide:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
===
My Ultimate Figma Design Masterclass (3,900+ students. 90+ Videos. 10+ hours)
👉 https://thedesignership.com/courses/the-ultimate-figma-masterclass
Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets)
👉 https://thedesignership.com/products/figma-design-system/
Outline - Figma Wireframe Kit (350+ components and variants)
👉 https://www.thedesignership.com/products/outline-wireframe-kit
Sign up to my newsletter for exclusive content:
👉 https://mizko.net/newsletter
Follow me on IG (Daily updates):
👉 https://instagram.com/themizko
===
Level up with me:
Become a legendary designer: https://thedesignership.com
Personal portfolio: https://mizko.net
Instagram: https://instagram.com/themizko
LinkedIn: https://linkedin.com/in/mizko
Twitter: https://twitter.com/mizko
00:00 - The big question from you all
01:00 - Breaking down Twitter's Layout (Without Grids)
04:26 - Whiteboard Breakdown of Twitter's Layout (Quick Maffs)
07:50 - How to Design in Figma WITHOUT Grids
13:50 - How do we handover to developers then?
17:09 - Important final thoughts (You CAN use grids into Flexbox environments)
CSS Flexbox Guide:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
===
My Ultimate Figma Design Masterclass (3,900+ students. 90+ Videos. 10+ hours)
👉 https://thedesignership.com/courses/the-ultimate-figma-masterclass
Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets)
👉 https://thedesignership.com/products/figma-design-system/
Outline - Figma Wireframe Kit (350+ components and variants)
👉 https://www.thedesignership.com/products/outline-wireframe-kit
Sign up to my newsletter for exclusive content:
👉 https://mizko.net/newsletter
Follow me on IG (Daily updates):
👉 https://instagram.com/themizko
===
Level up with me:
Become a legendary designer: https://thedesignership.com
Personal portfolio: https://mizko.net
Instagram: https://instagram.com/themizko
LinkedIn: https://linkedin.com/in/mizko
Twitter: https://twitter.com/mizko