DownloadManaging the assets of design systems in Sketch is complex, error-prone and time consuming. Sketch is scriptable, but the API often changes. React provides the perfect wrapper to build reusable documents in a way already familiar to JavaScript developers. Manage design systems— react-sketchapp was built for Airbnb’s design system; this is the easiest way to manage Sketch assets in a large design system. Use real components for designs— Implement your designs in code as React components and render them into Sketch. Design with real data— Designing with data is important but challenging; react-sketchapp makes it simple to fetch and incorporate real data into your Sketch files. Build new tools on top of Sketch— the easiest way to use Sketch as a canvas for custom design tooling.
Features
- Sketch allows arbitrary plugins written in CocoaScript to run. skpm is a utility to create, build and manage Sketch plugins
- It takes care of transforming your JavaScript into CocoaScript and makes sure the context it is running in is as close as possible to what you are used to when writing JavaScript
- You can use the Sketch API to select Sketch containers such as documents, pages or groups, to pass through to the render function
- The react-sketchapp components have been architected to provide the same metaphors, layout system & interfaces as react-native, so there is less switching cost between platforms
- It is also possible to render the same code across multiple platforms. We call this Universal Rendering
- The react-primitives project provides consistent primitive interfaces across platforms, and is the simplest way to achieve Universal Rendering
Project Samples
