Skip to main content
Top

2019 | OriginalPaper | Chapter

5. Implementing Your System

Authors : Sarrah Vesselov, Taurie Davis

Published in: Building Design Systems

Publisher: Apress

Activate our intelligent search to find suitable subject content or patents.

search-config
loading …

Abstract

Now that we’ve established the “why” of a design system and learned how to think about design as a language, the next step is to begin implementation. In this section, we will start by assessing your organization, building a support system, and understanding the state of your product. You will learn how to build a predictable architecture that supports the multiple areas that make up your system. Once there is a clear foundation, you can begin designing, building, and implementing components while ensuring to clearly document decisions along the way. We’ve provided three case studies to help ground the discussion and provide real-world scenarios for how to implement a system based on individual needs.

Dont have a licence yet? Then find out more about our products and how to get one now:

Springer Professional "Wirtschaft+Technik"

Online-Abonnement

Mit Springer Professional "Wirtschaft+Technik" erhalten Sie Zugriff auf:

  • über 102.000 Bücher
  • über 537 Zeitschriften

aus folgenden Fachgebieten:

  • Automobil + Motoren
  • Bauwesen + Immobilien
  • Business IT + Informatik
  • Elektrotechnik + Elektronik
  • Energie + Nachhaltigkeit
  • Finance + Banking
  • Management + Führung
  • Marketing + Vertrieb
  • Maschinenbau + Werkstoffe
  • Versicherung + Risiko

Jetzt Wissensvorsprung sichern!

Springer Professional "Technik"

Online-Abonnement

Mit Springer Professional "Technik" erhalten Sie Zugriff auf:

  • über 67.000 Bücher
  • über 390 Zeitschriften

aus folgenden Fachgebieten:

  • Automobil + Motoren
  • Bauwesen + Immobilien
  • Business IT + Informatik
  • Elektrotechnik + Elektronik
  • Energie + Nachhaltigkeit
  • Maschinenbau + Werkstoffe




 

Jetzt Wissensvorsprung sichern!

Springer Professional "Wirtschaft"

Online-Abonnement

Mit Springer Professional "Wirtschaft" erhalten Sie Zugriff auf:

  • über 67.000 Bücher
  • über 340 Zeitschriften

aus folgenden Fachgebieten:

  • Bauwesen + Immobilien
  • Business IT + Informatik
  • Finance + Banking
  • Management + Führung
  • Marketing + Vertrieb
  • Versicherung + Risiko




Jetzt Wissensvorsprung sichern!

Footnotes
1
The most common method for doing this is to set up core variables, using CSS or Sass. Another method for custom theming worth noting is “design tokens.” Used by Salesforce Lightning Design System, among others, design tokens are named entities that store UI attributes. They are often stored in JSON or YAML files and can be shared in nearly any format: JavaScript objects, Sass/Less/CSS variables, Sketch files, etc.
 
2
“<Emphasis type="Italic">x-height</ Emphasis> ” refers to the height of a lower-case <Emphasis type="Italic">x</ Emphasis>. In typography, the x-height represents the distance between the baseline and the midline of lower case letters for a given typeface.
 
3
HTML, CSS, and JavaScript are common languages used for web applications. If you are building a design system for mobile products, the technologies used will vary.
 
4
The most common system used for version control is Git. It is free and open source. To learn more about how to use Git to manage your workflow, check out https://​git-scm.​com/​.
 
Metadata
Title
Implementing Your System
Authors
Sarrah Vesselov
Taurie Davis
Copyright Year
2019
Publisher
Apress
DOI
https://doi.org/10.1007/978-1-4842-4514-9_5

Premium Partner