Team Collaboration: Provides interconnected patterns and practices with comprehensive documentation to facilitate team collaboration.
Consistent Terminology: Offers well-thought-out naming conventions and hierarchy to save time and maintain consistency across the design system.
Component Status Tracking: Provides an automated overview of the design system’s progress, highlighting completed components and those still in development.
Global Design Tokens: Utilizes YAML-formatted design tokens accessible within any component, supporting both CSS and JavaScript implementations.
Living Documentation: Automatically generates editable, living documentation using a customized version of Vue Styleguidist.
NPM Publishing: Allows the design system to be exported and used as an NPM dependency in other Vue.js projects or any compatible environment.
Enhanced Workflow: Enables immediate availability of tokens, elements, or patterns across all Vue.js components upon creation.
Code Formatting: Includes a pre-configured Prettier setup for automatic code formatting on save and before committing changes to Git.
Configurable Features: Offers live reloading, autoprefixing, SCSS support, helper functions, and optimized defaults for SVG and web font usage out-of-the-box.