@planit/design-system NPM | npm.io

0.0.149 • Published 3 years ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

3 years ago

@planit/design-system Development Platform

Start your own Design System development platform in minutes!

As explained by the Nielsen Norman Group, a design system is a set of standards to manage design at scale by reducing redundancy while creating a shared language and visual consistency across different pages and channels.

There are various parts of a design system that are necessary:

Clearly documented design standards
The utilization of a design tooling platform like Figma or Sketch to provide assets to Designers
A component library to implement the system standards and abstract patterns to ensure consistency across applications
Development documentation with rich examples of component utilization within an application
A CSS framework that defines tokens utilized by the design tooling and component library

A design system is not purely technical, so this NPM package is not everything you need. It focues on numbers 3, 4, and 5. When a development platform is paired with an equally strong design platform, it's a recipe for success.

Prerequisites

Before you install, please make sure you are have a Node.js LTS Version installed on your machine.

Installation

Run npx @planit/design-system <your-project-name> to install the project.

If you do not pass a project name, a default name will be provided.

You may also provide an author name if you'd like:

npx @planit/design-system <your-project-name> <author-name>

Documentation

When the package is installed, a Get Started application will launch in your browser window with instructions on how to start building your design system platform.

@infinitebrahmanuniverse/nolb-_plan @everything-registry/sub-chunk-724

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago