Living Documentation of Design Tokens with Tokens Studio and Automator in Figma скачать в хорошем качестве

Living Documentation of Design Tokens with Tokens Studio and Automator in Figma

A step-by-step guide to creating design token documentation in Figma that updates automagically using Tokens Studio and Automator plugins. 🪄 Learn everything you need to know to feel confident documenting your design decisions in an automated way. ------------------------------- ⏳ Key moments 00:00 - Part 1 - Primers 01:37 - Static vs Living Docs 02:17 - Annotations in Tokens Studio 03:35 - Eightshapes Specs 04:51 - Doc tokens in Tokens Studio 07:51 - Automator plugin 09:49 - Automator setup 11:16 - Templates for Automator 13:58 - Part 2 - Workflow 14:37 - Copy token set name 15:26 - Run Automator script 17:38 - Populate token data 20:41 - Maintain living docs 21:17 - Recap ------------------------------- 🔗 Resources 🫶 Sam I am on socials https://bento.me/samiam 🎨 ‪@TokensStudio‬ ↳ Plugin (works on free and pro) https://www.figma.com/community/plugi... 🪄 Automator ↳ Plugin (free) https://www.figma.com/community/plugi... ↳ Script https://tinyurl.com/samiam-designs-gi... ↳ Docs https://docs.automator.design/ ✏️ Templates ↳ Free Figma file https://tinyurl.com/samiam-designs-fi... ↳ Blog on Living Docs with naming details https://samiamdesigns.substack.com/p/... ↳ Tailwind CSS - coming soon! 📏 Eightshapes Specs ↳ Plugin (paid plan required for Tokens Studio docs) https://www.figma.com/community/plugi... ↳ Learn more about Component Specifications - Nathan Curtis   / component-specifications