Seamless Integration with Vuetify, Guaranteed
A comprehensive and customizable design system with 154 components, perfectly aligned with Vuetify for seamless design-to-code transition.

150+
Created components
80+
Variables
25
Styles
500+
Variants



This features to help you build your website seamlessly in figma and code.
Make yourself at home
The entire Figma file is organized in the same way as the Vuetify site. This makes it easier to find what you're looking for.
Light and dark
The Vuetify Figma comes with both light and dark modes. This makes it easy to design for both themes.
Components
The Vuetify Figma comes with all of the Vuetify components. This makes it easy to design with the same components that you'll use in your app.
Material Design
The same Material Design principles that are used in Vuetify are used in the Figma file.
Customizable
The Vuetify Figma file is fully customizable. This makes it easy to change colors, fonts, and other design elements.
Pricing
Choose a plan that works best for you and your team.

Only one time payment
Variables and styles included
All Buttons with Variations
Access to all source files
Access to all components

Only one time payment
Variables and styles included
All Buttons with Variations
Access to all source files
Allcomponents included
Support for 6 months

Custom support for user
Updates and new features included
Acces to beta blocks Figma file
Priority support
Quick Start Your Vuetify-Aligned Design Journey
Craft beautiful interfaces with a system designed to streamline your workflow from Figma to code. Join a growing community of designers and developers who trust our library for their projects.