Table of Contents

• Abstract

• Acknowledgements

• List of Figures

• List of Tables

• List of Abbreviations

---

1. Introduction

2. Methodology

---

1. Theoretical Background

   • 3.1 Design Systems and Design Tokens

   • 3.2 Figma

     • 3.2.1 Figma Plugin

     • 3.2.2 Design Tokens in Figma

   • 3.3 Key Concepts of Color

     • 3.3.1 Color Models

     • 3.3.2 Color Harmony

     • 3.3.3 Color Relativity

   • 3.4 Working with Color in UI Design

   • 3.5 Colors in CSS

   • 3.6 CSS Custom Properties

   • 3.7 Existing Approaches and Paint Points

---

1. Solution

   • 4.1 Bridging CSS and Design: Our Solution

   • 4.2 Plugin Architecture

   • 4.3 Creating Color Palettes (CF001)

     • 4.3.1 Use Cases for Create

   • 4.4 Importing CSS into Figma (CF002)

     • 4.4.1 Use Cases for Import

   • 4.5 Exporting from Figma to CSS (CF003)

     • 4.5.1 Use Cases for Export

   • 4.6 Results and User Tests

---

1. Discussion

   • 5.1 Discussion of Result

   • 5.2 Outlook

---

1. Conclusion

---

References

• Declaration of Authenticity

• Bibliography

• Appendix

---