Driving live web-app design from Sketch

almost 7 years ago from , Developer

This is one of our experiments to see how far in developing front-end/client-side apps designers can go, and how to improve the workflow between developers and designers.

It's a super-early prototype, and it doesn't handle lots of things, but we thought it would be great to get more people commenting on it earlier rather than later. Is this something that if easily integrated would be useful for you?

We're note sure if it's a product, but maybe it's still useful to the community at large.

Looking forward to the feedback! http://youtu.be/8gTLwMesXrs

And oh yes, this is my first post on DN, thank you for such a nice place :)


  • Colm TuiteColm Tuite, almost 7 years ago

    Congrats on releasing a prototype, looks pretty cool!

    Here's a few questions:

    • How are you handling positioning? Absolute? Float based?
    • Are you planning to output accessible code?
    • Are you targeting simple brochure sites or complex sites too?
    • Do you imagine the code being handed off at some point?

    Also, I assume you've seen WebFlow? They do something similar, without Sketch.

    4 points
  • Patrick SchneiderPatrick Schneider, almost 7 years ago

    This looks great! I really hate the fact that I have to dive into code for small design issues or changes, if this is easy to implement and won't annoy our developers I'd be more than happy to use it.

    4 points
  • Alex CicanAlex Cican, almost 7 years ago

    Wow! Awesome! Loving where this is going… Let me know if you guys need some testing hands!

    3 points
  • Ale MuñozAle Muñoz, almost 7 years ago

    First things first: welcome to DN : )

    Now, about that plugin... O. M. G. Can't wait to see the results (and the code : )

    2 points
    • Sean GroveSean Grove, almost 7 years ago

      Thanks Ale, both for the kind words and for all your help on the mailing list.

      The code is definitely a challenge as you know, in particular the CSS rules, but we'll figure it out bit by bit.

      1 point
  • Jon MarshJon Marsh, almost 7 years ago


    2 points
  • Cosmin NegoitaCosmin Negoita, almost 7 years ago

    This is some nice stuff and I hardly appreciate the effort people put in those kinds of plugins/software.

    I'm not doing much front-end but personally I think that stuff like this is not really suitable for production projects. This could be really helpful for creating nice prototypes, especially for designers that can't code, but I think most of the people prefer to hand-code their projects because it gives you more control.

    Anyway, good luck and I'm really curious to see where this gets to :)

    1 point
  • Danny KingDanny King, almost 7 years ago


    1 point
  • Kevin RabinovichKevin Rabinovich, almost 7 years ago

    I love the concept and would love to help out with any alpha/beta testing!

    0 points
  • Paul NevinPaul Nevin, almost 7 years ago

    This. Is. Crazy.

    0 points
  • Marcus ZanonaMarcus Zanona, almost 7 years ago

    Excellent concept. Carry on my man! ;)

    0 points
  • christof taeschlerchristof taeschler, almost 7 years ago

    can't wait..... looks great!

    0 points
  • Maciej ZadykowiczMaciej Zadykowicz, almost 7 years ago


    0 points
  • Aaron SAaron S, almost 7 years ago

    Holy moly, this is awesome!

    0 points
  • Poyi ChenPoyi Chen, almost 7 years ago

    I'm curious about the html layer. Is it being/planned to be hooked up based on the folder structure?

    This is really cool, would love to test it if you need someone to try it out.

    0 points
  • Kyle PapkeKyle Papke, almost 7 years ago (edited almost 7 years ago )

    Hi Sean, welcome to DN. This is a very cool concept!

    How does it work exactly? In the video, you say that data is coming from Sketch into the JS app, but that only modifies values for the template, it doesn't seem to add new code into the view. So is this something that goes back and forth between the designer creating in Sketch and the developer building the app, to make sure they are dealing with the same code?

    Correct me if I'm way off. I'd like to hear your vision for this.

    0 points
  • joe andersonjoe anderson, almost 7 years ago

    I'm always amazed at desktop software talking to the web, or native apps. How does this work under the hood (primarily sketch talking to the web to update stuff)? Can you give the simple explanation?

    0 points
  • Martin BavioMartin Bavio, almost 7 years ago


    0 points
  • Sacha GreifSacha Greif, almost 7 years ago

    This looks really promising! Can't wait to see where you're going with it :)

    0 points