5
16 Comments

Looking for easiest way to design UI (as a bad non-designer)

Hi all!
I have some great ideas I want to test, but everytime that I want to make a landingpage for it I miss product images (or vids!). I need something that’s extremely simple to use, but with which I can create OK looking products images to share.

Important to note:

  • I never designed before. For the web I just used bootstrap.
  • I like drag and drop builders the most.
  • I need pre-made components and templates, because if I try to build something myself it will look rubbish😂. I probably need a lot of guidance in order to build something acceptable.

Please leave your recommendations below!

posted to Icon for group Design and UX
Design and UX
on August 7, 2021
  1. 5

    Tailwind UI is really worth the price and saves a lot of time not having to design components.

    1. 2

      Its a good recomendation, I think they also provide templates of their components for Figma, so you can "design" (drag and drop) those components on Figma and then use that design as a guide to code.

      1. 1

        Why would you start in Figma if you have all the components? (im super curious about saving designers/developers and companies time)

        1. 1

          These are some advantages:

          • Its much easier to Drag and Drop on Figma to test an idea than code it, even if the components are already coded.
          • Developers (especially Front-End) will have a better understanding of what needs to be done. You can spend 2 hours explaining a layout, or just send them a Figma link.
          • You can experiment with layouts in minutes and test them with real users (Figma Prototypes) without even hiring a developer.
          • You can test UX with users without wasting development time.

          I hope this clarify my initial comment.

          1. 1

            Thanks, super interesting.

            What if there was a way to drag and drop just as fast as Figma but produce real code?

            You could publish mobile responsive templates in minutes that developers could copy.

            1. 1

              That would very useful I think.

    2. 1

      To follow up on there's also a tonne of free ones here: https://tailwindcomponents.com/, but yes I totally second Tailwind UI

      1. 1

        I'm hoping someone creates a vetted list of components from there. Even clean them up a little :)

    3. 1

      thanks! Looks good!

  2. 4

    I built https://versoly.com/ for this.

    We have a lot of backend/full stack devs using us. They can't design but they can code HTML.

    We currently use Tailwind and a framework on top of that based on Bootstrap so you can build fast.

    You can even import Tailwind UI code and edit it in the UI.

    1. 1

      Thanks for the recommendation!

  3. 2

    I am about to use https://www.creative-tim.com/builder/argon mainly because I have also bought their templates already and am building something off of them

    There is also https://www.umso.com/ but its not cheap

  4. 2

    Check Frontendor.com

    Easy to build a beautiful landing page by copy-paste.

  5. 2

    I'm in somewhat the same boat. Thank you for posting this. I've already started checking out the links provided below.

  6. 2

    Even though I'm a developer, sometimes creating a website from scratch for each project can be a pretty demanding task.
    So my go to is to use the free version of Mobirise for outlining and giving basic structure to my site.
    And that should be enough for most cases, but I then take the Mobirise site and add my own custom components and styling via code for adding the changes that I want.

    You can check out the site I've made using this and then modifying it for my recent project Focus Wall

  7. 2
    1. Canva: for images/videos/icons/designs (it's worth it to upgrade to pro in my opinion)
    2. Codyhouse: for pre-made HTML/(S)CSS/JS components. (Some people prefer other similar products like Tailwind UI)
Trending on Indie Hackers
I spent $0 on marketing and got 1,200 website visitors - Here's my exact playbook User Avatar 77 comments Veo 3.1 vs Sora 2: AI Video Generation in 2025 🎬🤖 User Avatar 34 comments Solo SaaS Founders Don’t Need More Hours....They Need This User Avatar 29 comments 🚀 Get Your Brand Featured on FaceSeek User Avatar 20 comments Your SaaS Isn’t Failing — Your Copy Is. User Avatar 18 comments Planning to raise User Avatar 14 comments