Spectrum is now read-only. Learn more about the decision in our official announcement.


Diez is the design language framework 🎨🏗📱💻 Easily adopt a unified design language across codebases, platforms, and teams.


Sketch file example

February 4, 2020 at 10:13pm

Sketch file example

February 4, 2020 at 10:13pm
I'm trying to out the system for the first time today and using Sketch to define my styles. I followed the instructions on the site for how to set up a Sketch file project to use with Diez but when I run the extract command I get a useless message.
➜ design-language git:(master) ✗ yarn diez extract yarn run v1.21.1 $ /Users/me/example-design-tokens/design-language/node_modules/.bin/diez extract Creating necessary folders for DiesDt.sketch Running sketchtool export commands for DiesDt.sketch Extracting design tokens for DiesDt.sketch TypeError: Cannot read property 'style' of undefined
Does some one have a working example of this or can they point me to documentation that is more helpful?

February 7, 2020 at 10:14pm
Have you checked out the Sketch guide? Despite the TypeError, you're likely to have made a successful export of most of your tokens, which you can find generated into TypeScript files, which can be imported and referenced within the design tokens you compose within your Diez designlanguage.ts.