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

  • @leogotv
    @leogotvАй бұрын

    Very inspiring and helpful. Great resources. Thanks. Great work!

  • @headwayio

    @headwayio

    Ай бұрын

    Thank you so much!

  • @Kwasyuk
    @Kwasyuk6 ай бұрын

    Great content guys

  • @headwayio

    @headwayio

    6 ай бұрын

    Hey thanks! Appreciate it.

  • @katoetonic
    @katoetonic Жыл бұрын

    Great video! Very informative. I'm curious to understand how you're defining line height. Is there any further information you can provide?

  • @headwayio

    @headwayio

    Жыл бұрын

    Thanks KAT! I'm checking with Billy on this question for you. - Jacob

  • @worldzer0

    @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

    @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.😀

Келесі