Free Figma Design System Templates to Improve Your UI Design Process - Figma Community
Ғылым және технология
Learn how to reduce guesswork with your UI design process with our new free Figma design system templates on Figma Community.
Billy will walk through four helpful templates the Headway design team has crafted over the past five years and recently published on Figma Community.
👉 www.figma.com/@headwayio
Each design system template makes specific parts of the design system process easier for any team. Having these tools available sets expectations and reduces the chances of making mistakes as you build and grow design systems.
All of these templates were built to complement our new premium Figma design system course.
👉 www.shipwright.design
00:00 - Intro
00:26 - Design System Course
00:55 - Figma Community Files
01:46 - Overview of Design System Templates
02:22 - Design System Interview Template
07:45 - Component Capture Template
12:22 - Design System Governance Model Template
20:46 - Type Scale Worksheet
26:21 - Recap
We hope you enjoy our free Figma design system templates to improve your UI design process.
#figma #ui #designsystem
Пікірлер: 8
Very inspiring and helpful. Great resources. Thanks. Great work!
@headwayio
Ай бұрын
Thank you so much!
Great content guys
@headwayio
6 ай бұрын
Hey thanks! Appreciate it.
Great video! Very informative. I'm curious to understand how you're defining line height. Is there any further information you can provide?
@headwayio
Жыл бұрын
Thanks KAT! I'm checking with Billy on this question for you. - Jacob
@worldzer0
Жыл бұрын
Hey KAT! Yeah, so most of the time we're doing the type size * 1.5, then rounding it to the nearest 8px grid. Which gives us a nice clean text box in the land of figma and keeps things neat for the different type sizes we're using. I hope that answers your question.
@katoetonic
Жыл бұрын
@@worldzer0 That is great! Thanks for the explanation. I usually define via the 1.2 or 1.5 method, but I'm really looking to refine this in my Figgy designs.😀