Buzzvil Design SystemFree Downlaod
Buzzvil Design System - Freebies for Figma and Adobe XD
Buzzvil App UI library is Mobile only library dedicated to creating dozens of Applications for our partners. We like it very much so we decided to share it onto this amazing Figma Community! Enjoy!
We got rid of all the specifics and kept all the things we thought would be helpful to others.
If you want to know more, feel free to visit our online doc:
And our Dash UI Library (manager).
Everything needed is pre-built with Auto-layout. It gives a better control on editing, ordering, padding & alignment.
Auto-layout is a life savior when components start to be nested into each other.
Variants is the new black
Variants are keeping things tidy!
We keep each component structure as flat as possible so its easy to override properties. It also helps to keep the files light.
When we start having tons of variants for a single component, we use a nested Master component to rule’em all.
We support dark mode for our entire UI library! We made it classy, but it’s fairly recent so we would appreciate any feedback on that!
Interactive components (beta users only)
Pretty much most of our action components are already wired up! Just drag and drop them from the library panel and it’s already alive! We will be continuing updating this part with better support in the future.
Because things can get messy real fast, we’ve been working with clear naming conventions for consistency & readability:
On library level, a component name will be as simple and descriptive as possible (Button, Radio, Checkbox…)
On a project scope, shared components will be named by using project name: [Project]/[Component]
On a page scope, components will be named by using the page name: [Page]/[Component]
What’s inside the file
Components are divided into multiple categories that follow our Design System structure. Select a component and access the related page through the description link in the property panel.
- Badge & Chip
- Card & Banner
- Header & Footer
- Support UI (Android / iOS
The categories for this freebie are Uncategorized. Tools used to create this freebie are Figma and Adobe XD.
Helpful hint: If the license is unknown, it is usually because they forgot to mention it explicitly; not because they were being stingy. Before using it for a commerical project, you can ask buzzvil nicely and they will probably allow you to use it.