About Sketch2React
Sketch2React is a tool and framework that lets you alter your Sketch design files with the super powers of Bootstrap and React.
That gives you high fidelity code right from scratch 💎
- Design with code snippets that're easy to learn! It's more like Markdown
- Fully responsive
- Zero plugins
- Visual way of learning more about code
- No export required!
- Treat the layers view in Sketch as a very simple code editor
- Use CSS plugins (desktop app only)
- Add custom made CSS animations
- Offline mode
- Hot reload
- Build entire static websites directly from inside of Sketch 🤯
- Export to HTML package that includes .html, css and all relevant files
- Export to React code & components (coming soon)
Top features
Here’s a couple of things you can do with our framework, straight from inside of Sketch App. With zero plugins. And export to code! For free. Yes we are insane, we know.
Design Grids
Since we run Bootstrap 4 in the background you can design and export real code grids to your developers
Design Components
Design and style your own components like text, buttons, form fields, navigation
Fully Responsive Prototypes
A great way to get started learning our framework is to use it for what we call Quick Responsive Prototyping
Join the Force!
We're currently in private beta but anyone with an email and a high interest in awesome web development thingies can join. 👇
You're awesome
😋🙌 Wooo-hoo! Very soon you will get an automated email with the download link and some further useful information. It usually takes a couple of minutes. Also make sure to check your Spam folder if it has not arrived in say 1 hour. Sometimes, if you're behind aggressive company firewalls the email doesn't even reach you. Talk to your IT-department, you now the guys who tell you things like "Hello, IT, have you tried turning it off and on again?"
What people are saying
Frankly we're stunned about how well this is being received. You guys rock! 💎💜🔫
Awesome! I already love this thing 😍
— Marcus✨👌 (@marcedicmihi) November 24, 2018Sketch2React —> Design with code *inside* of @sketchapp... thx @juand4v https://t.co/F647PKDDt8
— Theory (@theorydesign) 8 november 2018Wonderful! Thanks you so much for the support! ❤️
— Sketch (@sketchapp) October 2, 2018So far Sketch2React has been the best tool. It takes your sketch and renders a bootstrap driven React site that you can customize
— $joey (@josephraymond) June 30, 2018🔥 FUTURE OF DESIGN 🔥 - Designer shouldn't learn code but understand the logic behind it. See for example how sketch2react can be a game changer. Build responsive react platforms directly from sketch ⚡️👊
— Raphaël Lorand 👀 (@raphael_lorand) June 18, 2018
👉https://t.co/sDEVzpjgb2 pic.twitter.com/t3gVNqlvBGSketch to React 👏👏👏👍
Private alpha Daniel Affonso (@affonso_daniel) June 24, 2018Sketch2React is amazing @Sketch2R! 🔥
— John Hansen (@john_l_hansen) June 15, 2018