What We Do

Company

Resources

Events

Blog

Free Consultation

ahoy@headway.io

(920) 309 - 5605

Intro to Using UI Kits

September 22, 2020

September 22, 2020

6:00 pm

Presented By

Get updates on future events!

Spread the Word!

Bring co-workers, friends, and anyone else you think would benefit from the community.

Intro to Using UI Kits

figma ui kit mocked up on blue backgroundlive stream

What you'll learn

In this Figma tutorial for beginners, you'll learn how to use Figma UI Kits to help you bring design app ideas to life faster. Join Billy Sweetman, Design Lead at Headway, to learn more about how you can use Shipwright - our fully-editable and free UI Kit created in Figma, and ways to add UI Kits to your next project.

Segments:

00:00 - Start
01:23 - What is a UI Kit?
02:47 - Should I Build My Own UI Kit?
04:00 - Where Do I Find UI Kits?
12:35 - How to Import a UI Kit into your Figma Project
18:48 - How to Add UI Kit Draft from Figma Community
40:43 - Managing Inputs with Feedback Info
53:01 - Creating Release Notes for UI Kits
54:00 - Design Handoff Process Discussion

UI kits and design systems

UI kits, or user interface kits, help you improve your design workflow. They also encourage recycling components instead of creating new ones from scratch. They’re commonly used for mobile design or prototyping, largely because two of the biggest operating systems—iOS and Android—both have robust, well documented, and heavily supported design systems. (Note that design systems and UI kits often go hand-in-hand.

A design system relates to both the code components and UI design, while a UI kit refers to the designer’s version of the design system. A UI kit can stand alone without any relation to a larger design system.)

Meet Shipwright 🚢

Download Shipwright UI Kit - A fully editable design system built in Figma

We built Shipwright to help designers, developers, founders, and agencies. This UI Kit can serve as the building blocks for product design systems, kickstart new projects, or help people flesh out ideas.

Additional resources

⬇️ Icon Pack - Get a jump start on your own collection by downloading this pack

🎥 Recordings from past events

About the community

Wisconsin UX is an online and local meetup for entrepreneurs, designers, and developers that care about creating amazing experiences, solving problems, and fighting for their users.

Reserve Your Spot

What you'll learn

In this Figma tutorial for beginners, you'll learn how to use Figma UI Kits to help you bring design app ideas to life faster. Join Billy Sweetman, Design Lead at Headway, to learn more about how you can use Shipwright - our fully-editable and free UI Kit created in Figma, and ways to add UI Kits to your next project.

Segments:

00:00 - Start
01:23 - What is a UI Kit?
02:47 - Should I Build My Own UI Kit?
04:00 - Where Do I Find UI Kits?
12:35 - How to Import a UI Kit into your Figma Project
18:48 - How to Add UI Kit Draft from Figma Community
40:43 - Managing Inputs with Feedback Info
53:01 - Creating Release Notes for UI Kits
54:00 - Design Handoff Process Discussion

UI kits and design systems

UI kits, or user interface kits, help you improve your design workflow. They also encourage recycling components instead of creating new ones from scratch. They’re commonly used for mobile design or prototyping, largely because two of the biggest operating systems—iOS and Android—both have robust, well documented, and heavily supported design systems. (Note that design systems and UI kits often go hand-in-hand.

A design system relates to both the code components and UI design, while a UI kit refers to the designer’s version of the design system. A UI kit can stand alone without any relation to a larger design system.)

Meet Shipwright 🚢

Download Shipwright UI Kit - A fully editable design system built in Figma

We built Shipwright to help designers, developers, founders, and agencies. This UI Kit can serve as the building blocks for product design systems, kickstart new projects, or help people flesh out ideas.

Additional resources

⬇️ Icon Pack - Get a jump start on your own collection by downloading this pack

🎥 Recordings from past events

About the community

Wisconsin UX is an online and local meetup for entrepreneurs, designers, and developers that care about creating amazing experiences, solving problems, and fighting for their users.

September 22, 2020

6:00 pm

live stream

Spread the Word!

Bring co-workers, friends, and anyone else you think would benefit from the community.

Subscribe for future events

Stay up to date on upcoming events like this one and get valuable resources delivered to your inbox.

Thanks for signing up!
Oops! Something went wrong while submitting the form.

More events and videos

The Manifest

Receive the latest articles, resources, events, and more!