Fredrik Ward

Fredrik Ward

Design Tokens Extractor for Figma
Front-end developer
13 points
All activity
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 FigmaAn 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
MarcodeBuild 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
Sketch2React 1.6 for Sketch app - FreeCreate 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
Sketch2React V1The 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
Sketch2React Alpha 0.60The 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.ioThe free Sketch to Code Framework