From the course: UXPin for UX Design

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Export color and type styles to JSON

Export color and type styles to JSON - UXPin Tutorial

From the course: UXPin for UX Design

Start my 1-month free trial

Export color and type styles to JSON

“

- [Instructor] There is a really neat feature in UXPin that your development team will find to be really useful. It is the ability to export your Design System in the JSON format. So here's how. The first step is to open your Design System. So I've got my Design Systems open here in the library. And you see this little gear down here, you just click it. And you're going to open the Design System. And when you do, it opens up this little window. If you come to Sharing, well, anybody with a link can view the Design System, or you can limit it to the people inside your team. Now, tokens is where it gets really slick for the developers. You can export your colors and text styles in a variety of formats and all you have to do is select this URL, copy it to the clipboard, paste, and you notice that it comes out in the format that you've chosen. And the formats are right here. So you can export it as YAML, CSS, SCSS, LESS…

Contents