2
2 Comments

Designers, how do you convert your designs into HTML/CSS?

When working in Figma, Illustrator, Balsamiq or the like, once you're done with the design of a website how do you convert it into HTML/CSS.

What if it's a Wordpress site, does this make it harder?
Or do you just design & prototype it in HTML/CSS from the get go.

I'm curious what the best/fastest way to make websites from designs is.

on April 27, 2022
  1. 1

    This is a really good question and I think it actually would be a great start-up business, someone sends you a mocked up page and converts it into HTML.
    There are so many services out there e.g. 99 designs, that will create a website mockup i.e. jpg for you, but getting someone to turn it into HTML is arduous.
    Currently you have to hire a developer, but this is the perfect niche for scaling up a productised service.

  2. 1

    With new tools like Tailwind the fastest way is to start with code. You can prototype very quickly in it. This didn't use to be the case when using BEM etc.

    Can use tools like https://versoly.com/ to go even faster. It comes with 250+ blocks to get started. Also has collab features like staging to share with clients/team mates in real time.