Atlassian Design System vs Design Tokens Generator

Comparing the features of Atlassian Design System to Design Tokens Generator

Feature
Atlassian Design System
Design Tokens Generator

Capability Features

Accent Text Color Source
primarysecondaryaccent
Accessibility Guidelines
Accessible Tokens
All Changes Saved
Color Format Options
hexrgbhsl
Color Guidelines
Color Token Types
primarysecondaryaccentutil-infoutil-safeutil-warningutil-alertgammabasecontrast
Component Library
ButtonBadgeFlagBoxInlineStack
Content Design Assets
Content Standards
Custom Token Naming
Customizable Duration Tokens
Customizable Shadow Tokens
Customizable Typography
Customization of All Key Design Tokens
colorstypographyspacingradiusshadowdurationselectionicon sizeroot size
Design Tokens
Developer Tooling
Documentation & Guides
Design guidelinesGet started guidesComposition guides
Duration Units
mss
Export Tokens
Flexbox Layout Primitives
InlineStack
Font Size Scale Options
minor secondmajor secondminor thirdmajor thirdperfect fourthaug. fourthperfect fifthgolden ratio
Font Size Units
rempx
Gamma Direction Options
naturalinverse
Gamma Progression Options
shadestintstones
Line Height Scale Options
minor secondmajor secondminor thirdmajor thirdperfect fourthaug. fourthperfect fifthgolden ratio
Line Height Units
abs%
Radius Units
rempx
Root Font Size Options
8px12px13px14px15px16px17px18px19px20px24px
Selection Color Customization
Simple and Intuitive Interface
Spacing Guidelines
Spacing Scale Units
rempx
Text Gamma Direction
gamma headgamma tail
Typography Guidelines
UI Styling Standard

Integration Features

ESLint Plugin
Figma Integration

Limitation Features

File Format for Export Not Specified
Not specified
No API Access
No API Mention
No Export Features
No Platform Integrations
No Platform-Specific Integration
No Pricing Info
No Team Collaboration
No Usage Limits Mentioned
No User Authentication

Pricing Features

Free Tier
No Mention of Paid Features