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



  • @AlexDeardream I have used S2R for quick responsive prototyping with amazingly great results. I work as a consultant UX/AD designer for one of the biggest banks/insurance companies in Sweden, and I always try to sneak in our stuff from time to time. Noticed that the combo of using just {text} {image} and {buttons} is super effective. You can read more about tips for getting started with this here.

    I've expanded the article with both a video and written tutorial since I first published it.

    Cheers



  • alt text
    Hey guys!

    Wow how can so much happen in only 15 days? I really don't get time and space. This is what has happened since I last posted here:

    • New version of our Sketch2React Code App with full support for CSS plugins that use both uppercase and lowercase characters in their class names (like for example Animate.css)

    • Also our Code App has something new called Advanced Export.

    • New tutorial on how to create your custom CSS plugins

    Plus a bunch of short vids explaining this and that.

    Have fun guys!



  • @juand4v wow Juan! Sketch2React doesn't stop! I've just come back to England from Madrid for Christmas period, so I'm going to have time to finally play with this this week!

    Thanks for sharing the updates πŸ™‚ Also, I didn't hear back from the people at Sketch - I'll follow that up!



  • I had participated in the alpha, just downloaded the desktop app. I'm hoping to really dive into it and see what it can offer my team and I! Thanks for sharing @juand4v ! 😺



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

    @juand4v wow Juan! Sketch2React doesn't stop! I've just come back to England from Madrid for Christmas period, so I'm going to have time to finally play with this this week!

    Thanks for sharing the updates πŸ™‚ Also, I didn't hear back from the people at Sketch - I'll follow that up!

    I know Graeme! We're having way to much fun with this, it's really hard stopping actually πŸ˜†

    Awesome to hear, it's never been a better time than exactly right now to learn our framework I think. Looking forward to hear what you guys make of it, if it's any kind of use etc etc.

    No worries, I guess someday we'll talk to them, thanks for reaching out for us, we really appreciate it, me and Fredrik. 🀘



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

    I had participated in the alpha, just downloaded the desktop app. I'm hoping to really dive into it and see what it can offer my team and I! Thanks for sharing @juand4v ! 😺

    Awesome to hear! No worries, let me know what you and your team come up with findings, we build this for the community not for ourselves.

    My personal favorite right now is the power of connecting CSS, custom or others code. It's amazingly fun to use it like a visual CSS editor.



  • Ooo btw! We updated the Desktop App today, this is the very latest version.

    Just some minor thingies, like a new app logo, some stuff in the background, small bug fixes etc. Easier just to drop the link here for you guys than spamming with another new email. Again. 😸



  • Got some time today to finish editing a tutorial I recorded a few days ago. It's a more in-depth look at how Advanced Export works…



  • alt text
    Hey guys! We just send out our last update for this year, 2018. It's the Code App that now is in version 0.6.3. Comes with small things but needed ones, for example you now can check yourselves if there is a newer version of the app available. And DL it 🚩

    Should have reached your inbox by now. 😸



  • @juand4v πŸš€ awesome work, today I'm updating the main prototypr toolbox site, so will also get these updates linked there!



  • @juand4v Thank you!



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

    @juand4v πŸš€ awesome work, today I'm updating the main prototypr toolbox site, so will also get these updates linked there!

    Sounds super, thanks a lot Graeme ! πŸ’ͺ





  • Also, tried out the new Sketch Beta v53 today and (gentle drum roll) as far as I can see nothing breaks in our Code App/Framework. But too early to be sure, but looks promising.

    Here's

    …

    Fredrik is already on vacay (the bastard) and I'll be working today and tomorrow. After that I'll take a much deserved two weeks vacay over the holidays. I'll try to stay offline as much as I can hahaha. We'll see how that one works out. 😸



  • alt text
    Hey guys! Here's an early Xmas prez from us, our very first Sketch2React Pocket Guide ePub 😸🎁 It contains the very best from our blog and our docs rewritten for chill offline reading.

    The perfect way to learn our framework since you can add notes, mark things, copy things etc. ePub is really brilliant that way.

    Have a great holiday see you in 2019!

    Pst. I posted it here first since you guys are the friendliest ones out there πŸ˜„



  • @juand4v Hey happy Xmas, this is great! Also, I've been adding product pages in the Prototypr site - here is Sketch2React's πŸ˜‰



  • @Graeme Wow that looks awesome! Like a pimped up Product Hunt πŸ€©πŸ‘ŒπŸ½



  • @juand4v haha thanks Juan! I'm thinking to change the homepage of prototypr, just to focus on tools. I'm not sure how many people come for the news section at the top πŸ€”

    I'll send it as a question in the next newsletter...speaking of whihc, I sent last week's just last night because I have been a bit ill the last 2 days so fell behind a bit. Here it is if you missed it:

    http://7025.mjt.lu/nl2/7025/5ol7j.html?hl=en

    Ft. your pocket guide πŸ˜‰



  • Hey guys πŸ˜„ We're still in heavy vacay mode here in Sweden but we felt that we needed to leak this anyway. After a full year of part-time work we have finally reached our main goal - real Sketch to React export!! Here's Fredrik recording his screen and showing the process of downloading and installing React packages:

    This feature will require a Pro licens of our Code App, we're still ironing out the details on pricing etc, bear with us, this is our very first attempt at selling something like this and we really don't do things without overthinking them at least 1000 times. πŸ˜†

    We're leaning against a price model like Sketch, one time yearly fee, all updates included for that year etc. Or monthly fee so you can try it out (at low price since you can jump off whenever you want)… Any suggestions are welcomed… πŸ‘ However we will go it will be very humanly priced, we rather start low and over the coming years raise the price than starting high and scaring 90% of potential customers away.



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


 

Make a Post

πŸ’¬ Chat


Chat with other members.

Stats


3
Online

930
Users

163
Topics

651
Posts