Start UI design from a blank page?

p

@pixelbybella

2.7K followers · usually 5.9K views a post

Views

29.6K

Likes

623

Comments

4

Shares

38

SoundTikTok sound · Cute

Promoted product

Design System Hub

Why it worked

The video provides a practical solution to a common design problem (starting from a blank page) by showcasing a tool that offers pre-built components, saving designers time and effort. The use of popular design systems like macOS and Untitled UI also appeals to the target audience.

Summary

This video demonstrates how to use the "Design System Hub" Figma plugin to find and import design system resources, such as the macOS UI Kit and Untitled UI, into a Figma project. It shows how to search for components like input fields and modify their variants, offering a shortcut to UI design.

Structure

1Introduce the problem of starting UI design from scratch.
2Suggest using the "Design System Hub" plugin.
3Showcase the macOS UI Kit as an example.
4Highlight the variety of components available in design systems.
5

Original caption

Your solution for a blank page figma file 😉 #figma #figmaplugin #uiux #designsystem #uikit

More from @pixelbybella

Product placement

The video demonstrates the use of the "Design System Hub" Figma plugin, showcasing design systems like macOS UI Kit and Untitled UI, and how to import and use components like input fields within Figma.

Call to action

Save this and follow for other tips!

On-screen text

Start UI design from a blank page? Try this instead! Open plugin "Design System Hub" You can find all of the design system Resources that you can copy and use it in your figma file For example I will use the design system from macOS There are plenty of components that are ready to use Look at these treasure My personal favorite? It's the design system from Untitled UI. I want you to come have a drink at the party. Yeah, like you do me too. Maybe we could go upstairs. I like you. I like you. I like you. I like you. I like you. I like you. There are plenty of modern and minimalist components that match my design style Okay. Maybe we could go upstairs. How to use this? Click the down arrow besides the title and select "publish library" Then open your working file and search the component that you want to use in "asset" For example I want to use an input field I like you. I like you. I like you. Then its ready to use in your design! You can also modify the variants. I like you. I like you. I like you. Save this and follow for other tips!

Transcript

Start UI design from a blank page? Try this instead! Open plugin "Design System Hub" You can find all of the design system resources that you can copy and use it in your figma file. For example I will use the design system from macOS. There are plenty of components that are ready to use. Look at these treasure. My personal favorite? It's the design system from Untitled UI. I want you to come have a drink at the party. Yeah, like you do me too. Maybe we could go upstairs. I like you. I like you. I like you. I like you. I like you. I like you. There are plenty of modern and minimalist components that match my design style. Okay. Maybe we could go upstairs. How to use this? Click the down arrow besides the title and select "publish library". Then open your working file and search the component that you want to use in "asset". For example I want to use an input field. I like you. I like you. I like you. Then its ready to use in your design! You can also modify the variants. I like you. I like you. I like you. Save this and follow for other tips!