Set up a collaborative design token workflow using Notion for management and Style Dictionary for automated code generation. Includes bidirectional syncing and integration with design tools like Figma.

Always Twisted

A comprehensive guide to building a collaborative design token workflow using Notion as a user-friendly interface and Style Dictionary for code generation. The tutorial covers setting up a Notion database with proper properties, creating a Notion API integration, implementing bidirectional sync scripts to pull tokens from Notion and push changes back, and integrating with Style Dictionary to generate platform-specific output. Includes complete code examples for fetching, validating, and syncing tokens while preserving metadata through the $extensions field.

Using Notion With Style Dictionary for Design Tokens Management