https://github.com/kristinbaumann/app-store-image-generator
Generate localised app store images in Sketch in an instant.
https://github.com/kristinbaumann/app-store-image-generator
app appstore react react-sketchapp screenshots
Last synced: 3 months ago
JSON representation
Generate localised app store images in Sketch in an instant.
- Host: GitHub
- URL: https://github.com/kristinbaumann/app-store-image-generator
- Owner: kristinbaumann
- Created: 2017-07-12T20:03:10.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-11-05T11:50:03.000Z (over 8 years ago)
- Last Synced: 2025-04-12T11:44:03.748Z (about 1 year ago)
- Topics: app, appstore, react, react-sketchapp, screenshots
- Language: JavaScript
- Homepage:
- Size: 10.2 MB
- Stars: 10
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# app-store-image-generator
**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!
## Quick Setup
Requirements: Node.js, Sketch App
1. Install node modules by running `npm install` (once)
2. Open an empty Sketch project (and close all other Sketch project)
3. Run `npm run serveImages` to serve the content of the image directory in `./data` (since React Sketchapp cannot include images with local paths)
4. Run `npm run render` in another terminal to generate the app images in Sketch. Sketch will hot reload.
## Customising your app images
* 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