How do you like to code prototypes?

2 months ago from Anthony Irwin, Interaction Designer

  • Chinmay Kulkarni, 2 months ago

    Webflow or codepen. Once you start getting the hang of it you'll never look back. It might take a while to get the hang of it but it's certainly worth it.

    1 point
    • Max Paladii, 2 months ago

      Hey Chinmay. Could you please describe your process of prototyping in Webflow? Do you have components library or always start from scratch? Is prototype close to final UI or just a wireframe? Thanks!

      0 points
      • Chinmay Kulkarni, 2 months ago

        Depends what you're prototyping and how in depth you want to go. I've always started from scratch because I've often been testing small localised features (for example how animations will play according to the user's scroll position) — so I've never needed to go all out and use component libraries.

        In terms of process, Webflow was the step I'd take after I was confident with my design in Sketch/Figma. I used Webflow primarily to test interaction and to see if my concept would actually work on the web. So yeah it was also pretty close to the final UI.

        Once you start getting the hang of it, I'd try moving to Codepen since it's just a lot more quicker to achieve what you're after.

        Hope I answered your question!

        0 points
    • Taylor PalmerTaylor Palmer, 2 months ago

      +1 for codepen. No need to set up an index.html every time and gives you all the popular preprocessors on the market, plus hot reloading!

      1 point
      • Chinmay Kulkarni, 2 months ago

        Yeah 100%. AND no need to a bunch of local folders with all of your little experiments, especially if you want to test something as small as a button.

        AND its also well supported on iOS Safari, so I've actually gone and made adjustments to my Pens on my phone while on the train. Codepen is a godsend. Just wish it had more shortcuts like VS Code.

        0 points