From Design to Code
The Nova Design System ensures a smooth workflow from design to development:
- Tokens are defined in Figma → Designers work with a predefined set of tokens.
- Tokens are exported as JSON → This makes them platform-agnostic.
- CSS Variables are generated → Making tokens reusable in code.
- TailwindCSS Utility Classes are created → Developers use these to quickly apply styles.
Intentional Tokens in Action
Intentional tokens help designers and developers apply meaning to design decisions. These tokens are used in:
- CSS Variables → Allowing themes and scalability.
- Tailwind Utility Classes → Making implementation easier.
Check here for more information →