Design and prototype your ideas with the community.

Bring your ideas to life with a growing community of design makers and thinkers.

Sketch2React - the free design to code framework for Sketch app



  • @juand4v Nice tool! Any update for windows users and maybe support for Figma since Sketch is not available for Windows



  • @WebMaye Thanks! For now, nope sorry no support for Windows/Figma… We see maybe a move towards something like Sketch2Vue also instead since 1. Sketch is still nr one tool for designers and 2. Vue is a very popular framework like React.

    But you never know what the future might have in stored😸



  • @juand4v sounds good Juan! I think pricing is important - check out Indie Hackers, they're always sharing pricing strategies and figuring out how to make projects profitable or at least sustainable.

    I'm looking into this myself, and will be making some prototyping plugins and soundpacks.

    Maybe my plans for pricing emailOtter may help!
    emailOtter is quite a unique product in that it actually let's you customise HTML email templates by turning them into editable modules. You can read more about what it is and why I'm making it here.

    Here is my pricing roadmap:

    • Free for a few invite only users for beta testing
    • First few months (depending on growth), free for early adopters
    • After I see it working well, I'll go freemium by make some important features paid: e.g pay to compress images, pay to export HTML, pay for more than 5 active projects etc
    • Then I will add monthly plans, or like Sketch, $99 per year

    That's just a rough idea, and I haven't charged for a service before so am also still learning. I think it depends on adoption too, it might be best to charge the $99 out right, or offer lifetime membership deals to early adopters like on AppSumo.

    I'll be writing about how it goes anyway, I'm optimistic 😄



  • @Graeme Thanks for all of your great tips and sharing your experience, much appreciated. Pricing is essentially what breaks or makes a product and I feel it's really difficult knowing this before trying out different models, failing (or) succeeding. Learn by doing wrong is hard but very often the only way to really understand and learn.

    And it's okey to just be very honest and say: You know, we don't know shit about how to price things but we make great stuff anyway hehe 😆



  • Hey guys! I share the latest news and thoughts about Sketch2React in this new article:
    https://medium.com/sketch2react/real-sketch-to-react-design-and-export-is-here-e49d45a747fb

    Have a great weekend!



  • Hola! I'm working on a Beginner Tutorial Series and this is the very first entry. For all that hasn't even started trying out S2R yet 💪 If you're experienced just ignore this 😸



  • Hey guys.

    Maybe you got an email from someone called Kanad Bahalkar talking about something far better than Sketch2React. He got into our formerly open Slack and copied all of our members email addresses. Our Slack is now closed and invite only. We also banned a very suspicious account, maybe related to this event or not. We have no way of knowing.

    1. First of all, I'm really sorry you got spammed like this.
    2. I checked out their website. Could be real could be 100% fake. No way of knowing. Screens could be mockups.
    3. Also, a friend of mine that got an email send me a screenshot. Here it is: https://www.dropbox.com/s/mt8e3dmghwe6xaz/vangoux.png?dl=0

    I don't now about you guys but when I read "we manually sanitize your sketch file" I get very very suspicious.

    On a finishing notice; we love competition, it's what fires up our souls to make even better things. But how this is handeld is for me, not ok.

    All the best, ❤ from Stockholm



  • Hey guys 💪🤓 A far more positive post from me than the last one ☝️

    We're entering a closed/private pilot period now for about a 1 1/2–2 month period where we're testing out our React Export module. After that this will be available to the public. This tutorial shows all the steps that are crucial after you hit Export in our code app. It shows you guys how to 1. Install all npms 2. Set up a local dev server 3. How to build and publish.

    All the best, have a great weekend 👨🏻‍💻👨🏻‍💻🎁❤️





  • @juand4v said in Sketch2React - the free design to code framework for Sketch app:

    Hey guys 💪🤓 A far more positive post from me than the last one ☝️

    We're entering a closed/private pilot period now for about a 1 1/2–2 month period where we're testing out our React Export module. After that this will be available to the public. This tutorial shows all the steps that are crucial after you hit Export in our code app. It shows you guys how to 1. Install all npms 2. Set up a local dev server 3. How to build and publish.

    All the best, have a great weekend 👨🏻‍💻👨🏻‍💻🎁❤️

    If someone here has a very strong urge to join our closed pilot, just send me your email adress + real name and I'll send you a package with all the goodies 😸 🤘



  • Hey guys! 😄

    Two more tutorials, one is more an overview the other one requires 10000% concentration, at least if I'm the one learning that 🌵

    First a totally new feature that also will be a paid feature

    Then How to setup React Navigation

    All the best, Juan



  • Hey guys, I think I'll keep on spamming this very same post hehe 😄👍

    Anyway, big news! We are now out of beta, say hello to Sketch2React V1 🔥 🍟 Best of all, all of our pro features are 100% free until we release v2 of everything. Read more here:

    https://medium.com/sketch2react/sketch2react-release-candidate-1-is-here-ac131201fe1d

    All the best! Juan from Team Sketch2React


 

Make a Post

💬 Chat


Chat with other members.

Stats


2
Online

995
Users

185
Topics

676
Posts