All activity

Fredrik Ward
left a comment
A great thing about the api is since it's build around the same core as Stratos Tokens app every tutorial and all documentation written about Stratos Tokens is applicable to this API.
A good place to start would be here:
https://sketch2react.gitbook.io/...
Enjoy!
Design Tokens Extractor for Figma
An API for extracting Design Tokens from your Figma document

Fredrik Ward
left a comment
We, at Team Sketch2React, have created a design API that share the same design token engine, The Tropos Engine, as our popular Stratos Tokens App.
The design token engine is the core part of Stratos Tokens App that handles the extraction of design token data from your design documents.
We have been thinking for a long time about how we could somehow make the Tropos Engine stand-alone. Then it...
Design Tokens Extractor for Figma
An API for extracting Design Tokens from your Figma document

This API wraps the Tropos engine. The Tropos engine is powering the Stratos Tokens App* by Team Sketch2React
Extract your Design Tokens from your Figma document as json data and use it for e.g:
- MaterialUI Theming
- CSS-in-JS
- input for Style Dictionary
Design Tokens Extractor for Figma
An API for extracting Design Tokens from your Figma document

Go from design tool out to Xcode & Android Studio with built-in support for Capacitor.js

Marcode
Build hybrid apps from your design tool.

Create clean React code straight out of your Sketch app designs.
1. Design your components and layouts in Sketch
2. Name layers with react tags
3. Export design through the Sketch2React Code App and enjoy a true, responsive React page

Sketch2React 1.6 for Sketch app - Free
Create React components and webpages directly in Sketch

Design real code components without ever leaving Sketch
Our Code App transforms these code components to real workable code
You export code components to HTML5, React or Vanilla React

Sketch2React V1
The Free Design to Code Component Framework for Sketch

Sketch2React Alpha 0.60 is the only free Sketch App to Code framework out there. And now it's even better!

Sketch2React Alpha 0.60
The free design to code framework

Sketch2React is is a framework and a React web app that converts Sketch design files into prototype React code. That spits out real HTML. Very super!
A .sketchplugin that speeds up the workflow + a React render app
No export required!
Sketch2React.io
The free Sketch to Code Framework