UI/UX Design¶

---

Concepts¶

---

Design Systems (Styleguides)¶

Components of Design Systems¶

Design Tokens¶

• Design Tokens For Dummies
• naming-tokens-in-design-systems

Tools for Design Systems¶

• ⭐ Fractal: Styleguide Generator
• Theo: Gulp Plugin for design tokens
• dragoman: Gulp Plugin for design tokens

Design System Examples¶

• Atlassian Design: Atlassian's Design System
• Adobe Spectrum: Adobe's Design System
• Salesforce Lightning: Salesforce's Design System
• Mozilla Protocol: Mozilla's Design System
• Firefox Acorn: Firefox's Design System
• Shopify Polaris: Shopify's Design System

---

Platforms¶

Adobe¶

• Automations
• Data Merge
• Actions
• Scripts
  • https://helpx.adobe.com/illustrator/using/automation-scripts.html
  • UXP for InDesign
• Plugins
• https://github.com/AdobeDocs/uxp-indesign-samples

---

Resources¶

Other Awesome Lists¶

• Awesome Design Tokens

Articles¶

---

Other Tools¶

• superposition: Tool to retrieve a list of assets and other useful UI/UX related information from a site.

---