Design and prototype your ideas with the community.

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

Well hello there peeps!


  • Contributor

    Hey there,

    Great to be a part of this new Community.

    I'm Marc Andrew. Designer, Author and Tutor, and the mastermind behind the Cabana Design System for Sketch.

    alt text

    I have a few projects I'm currently working on (MentorOla and RemoteHi!), and am looking forward to receiving feedback on those soon.

    Have a good one you lovely people! ✌



  • @mrcndrw welcome aboard Marc! Great to have you here, and congrats on Cabana, have you got any more links/resources on this? Any plans to open bring it to other platforms too?

    I'm signed up on MentorOla, and looking forward to hearing more about RemoteHi too!


  • Contributor

    Thanks Graham.

    I have many articles on both Cabana and Sketch in general over on my Medium channel - https://medium.com/@marcandrew

    And yes, I'm currently working on something quite special for Cabana which I hope folks will React in a good way to! 😉

    Yeah. I will be coming with more info on RemoteHi! quite soon. Just finishing up a few things 👍



  • @mrcndrw 🔥oh that sounds amazing, React is the way - looking forward to see what this means! Framer? Sketch to React? 🤔



  • Hey guys, nice to mentioned! Juan here, 1/2 of Team Sketch2React. Love from Stockholm and thx for all the support in the community. We have great things that will come very soon! ✊ ☺



  • @juand4v Hey welcome Juan! There's a lot of use cases emerging for using React with design tools, so looking forward to hearing more about Sketch2React here 😃



  • @Graeme I totally agree and me, as a designer with very little hand-code knowledge, it's really exciting to be part of this. That is always the challenge for me, Fredrik codes something, and I make sure it makes sense inside of Sketch.


  • Contributor

    Welcome here Marc! Nice to see you!!!



  • @juand4v Yeah, it's definitely the way! It also reminds me of Modulz, they're making react components that can be used by designers (there's probably a better explanation out there).

    Have you thought about experimenting with other platforms too? Or mainly Sketch?



  • @Graeme We we're contacted by the Invision Studio team in the middle of the Swedish summer, just wondering what it would take to build this for Studio. We started looking into it and both Sketch and Studio share similarities how it's built, which is good. We are actually waiting to get access to their API thingie but we haven't heard back from them since August.

    So yeah this is a very possible future for S2R. I see it more like a rendering engine for various design apps to code.

    But we have a couple of milestones before we can make time for other design apps. The biggest one is getting true React export in a way that makes sense. We have managed to get out everything but a few little thingies that we're working on. Also we have a desktop app in the pipeline. We think both the desktop app (which has something called hot reload) and the React export will require some kind of paid Pro account. So we are looking into how to license etc. These things take time since we do this as a side project.

    I'll check out your link, there are so many things happening right now that it's really hard to keep check. That's why this place (community) is such a super idea, well done!



  • @Graeme The biggest hurdle that all of the apps that export to React has is that they require designers to step out of their normal working design app and onto something totally new. I think we have an advantage there since you keep working inside of Sketch. You just need to learn a few more things and you're good to go. And it also limits us on what we can do inside of Sketch and that way we keep the export really clean. We are not in the business of making devs unemployed, we want designers to learn more about code to help their devs, not replace them ☺

    That is also the thinking behind not making S2R to complex, just the basic stuff.



  • @Graeme The cool thing about exploring this for other design apps is that if they have good Sketch import everything that you have setup inside of Sketch with Sketch2React will work the same way since the Preview App looks for how things are named. That will save you tons of time. Just a working hypothesis there but I think it will work.

    Also this is the serendipity of when great things come into place 😄Since all of the magic happens in our Previewer App we "only" need to make sure that things work there. We have a plugin for Sketch which is great for learning in the beginning but once you understand how things need to be named, doing it by hand (or with RenameIt Plugin) is so much much faster.


  • Contributor

    @Graeme All will be revealed soon 😉


  • Contributor

    @ninalimpi Hey Nina. Glad to be a part of it! Nice to see you too!



  • @juand4v said in Well hello there peeps!:

    both Sketch and Studio share similarities how it's built

    This is useful to know! I have looked at XD plugins, and from what I've heard, a lot is transferrable between environments.

    React export will require some kind of paid Pro account

    This also sounds a like a good plan, for free it would be difficult to maintain. Also, yeah I've used hot reload, and that would be a very useful feature.

    Looking forward to seeing where this goes!



  • @juand4v said in Well hello there peeps!:

    Sketch import everything that you have setup inside of Sketch

    aha, so after making the standalone app with Hot Reload thingy, you could run anything through a Sketch importer before going into Sketch2React. That may be easier than building something custom for each platform.



  • @mrcndrw You have nice landing page there. 👌

    The video could tell bit more honestly, it was not focused, and some important scenes are to fast.

    Anyway, I shared Cabana on my Moon.ly, which is one of my side projects.

    Peace,



  • @Graeme said in Well hello there peeps!:

    @juand4v said in Well hello there peeps!:

    both Sketch and Studio share similarities how it's built

    This is useful to know! I have looked at XD plugins, and from what I've heard, a lot is transferrable between environments.

    React export will require some kind of paid Pro account

    This also sounds a like a good plan, for free it would be difficult to maintain. Also, yeah I've used hot reload, and that would be a very useful feature.

    Looking forward to seeing where this goes!

    We're actually going to release the desktop app really soon as a totally free beta/alpha version-thingie. It's a way to get you guys trying it out, it's a major step forward even without React export, it saves you a lot of time.



  • @juand4v I'll definitely give it a go. When you have it ready, let me know 🙂



  • @Graeme said in Well hello there peeps!:

    @juand4v I'll definitely give it a go. When you have it ready, let me know 🙂

    Yes sir I will def do! All those that already have signed up via our website will get a notice in an email.