{"repo":"airbnb/react-sketchapp","free":true,"listed":false,"github":"https://github.com/airbnb/react-sketchapp","clone":"git clone https://github.com/airbnb/react-sketchapp.git","description":"render React components to Sketch ⚛️💎","language":"TypeScript","stars":14869,"topics":["react-sketchapp","react","sketch","sketch-plugin","react-renderer"],"license":"MIT","category":"ui-components","readme_excerpt":"render React components to Sketch; tailor-made for design systems Quick-start 🏃‍ First, make sure you have installed Sketch version 50+, & a recent npm. Open a new Sketch file, then in a terminal: Next, check out some more examples! Why?! Managing 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. What does the code look like? What can I do with it? - 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 Found a novel use? We'd love to hear about it! Read more about why we built it Documentation - Examples - API Reference - Styling - Universal Rendering - Data Fetching - FAQ - Contributing","default_branch":null,"files":null,"tree":[],"storefront":"/r/airbnb","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/airbnb/react-sketchapp/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}