Automatic generation of localised app store images in Sketch with react-sketchapp.
New app screenshots? Don't update all app images manually! Update all app images for all locales in an instant by generating them in Sketch automatically!
Requirements: Node.js, Sketch App
- Install node modules by running
npm install(once) - Open an empty Sketch project (and close all other Sketch project)
- Run
npm run serveImagesto serve the content of the image directory in./data(since React Sketchapp cannot include images with local paths) - Run
npm run renderin another terminal to generate the app images in Sketch. Sketch will hot reload.
- Set your locales and styling in
config.js - Replace the default translation strings in
./data/translations.json - Replace the default app screenshots in
./data/screenshots
Source of device frames: http://facebook.design/devices