• jasim

    @rudimk Thanks! Yes we did meet during the ReactJS training session that happened one day before Meta Refresh.

    Been working on it for a while now, this is our first video. We'll release the actual plugin in a few weeks.

    posted in Product read more
  • jasim

    We've been hard at work for more than six months on Protoship, a set of tools for web developers and designers. It can convert any Sketch mockup into clean HTML/CSS, and do the reverse as well - convert any existing website back into Sketch. We released our first ever demo (video) yesterday, and here is the post announcing it:

    https://medium.com/the-protoship-front-end-newsletter/introducing-protoship-s-teleport-convert-websites-into-sketch-documents-5cb527b975dc

    If you find it useful for your work, do sign up for early beta access at https://protoship.io.

    posted in Product read more
  • jasim

    @Rohit-Agarwal Irrespective of whether the product fits into a classical definition of AI, it is good work. It requires a fair amount of courage to believe in a novel idea and the perseverance to actually build it out. I'd love it if we could keep the conversations here positive. That's the only way to encourage new thoughts and build a vibrant product community.

    Also, I don't know much about AI, so if there are approaches that you think would be useful in this direction - recognizing patterns from UX mockups, I'd genuinely love to learn about them. Thanks!

    posted in Tech read more
  • jasim

    Developer assisted is definitely the way to go. There are discretionary decisions that should be made by a human in how the layout should be arranged in code. One question I'm stumped on is to decide whether to keep an element fixed-width as in the mockup, or keep it as a span, thus allowing dynamic content to auto-fit. There are a few cases where an algorithm can make a guess, but not always.

    Anyway, excited to see others in the same space. Validates the conviction that the way we build web applications have to improve - become more visual and eliminate the automatable tedium involved in converting a visual mockup into code (HTML/CSS slicing on the web).

    I think Webflow.com is in the right direction, here's a post a founder of the company wrote recently: https://www.designernews.co/stories/57960-lets-redesign-web-design. He links to Bret Victor's essay Magic Ink where he argues that building websites is a visual activity, and HTML and CS is far removed from it. Contrast that with CAD-like tools that have a highly visual interface which are no less powerful than writing things by code.

    With our products we're trying to bridge that gap and make constant and quick round-trips between the visual mockups and underlying code possible, without any fidelity loss. And yes, would be happy to showcase a demo; we'll hopefully have a video up soon.

    posted in Tech read more
  • jasim

    @ganarajpr, @chaya_stroppa The demo blew my mind. Awesome work.

    We're building something similar here at https://protoship.io. There is no ML however; we pull component information directly from Sketch. All you need is the x, y co-ordinates, element type (image/text/container), and appropriate data. The challenge then is to clean it up and convert it into code. We're targeting HTML and CSS at the moment; waiting to see how React Native pans out before jumping onboard.

    If the end-result that you're keen to hit is to make the creation of mobile apps easier, then it might be wise to chuck the ML part and get right onto code generation. There are many corner-cases in there that can only be handled by generous application of duct-tape. But the AI stuff definitely is cool stuff to build :)

    EDIT: referred the wrong poster; fixed.

    posted in Tech read more

Internal error.

Oops! Looks like something went wrong!