No code design and frontend tool
Hi Indiehackers.
I am looking for a tool or a combination of tools with which I can design and build beautiful frontend designs for websites and mobile apps, without coding by exporting production ready code. The reason being that design and frontend is not my strong suit, as I am more a backend developer.
The features I would love to use is:
Drag and drop wireframe & mockup UI builder (preferably with a lot of built in UI components or component import feature and flexible enough to build anything and responsive, for example building an admin website with sidebar)
Export to html, tailwindcss/vanilla css and preferably react or vue and also flutter or react native
Prototyping feature
no backend functionality since I will be building this myself.
I have researched the market and the only solutions I have found are using figma.com for design and prototype and animaapp.com for exporting the designs to production ready html, vanilla css and react code. This is good but I would prefer to be able to export to tailwindcss instead of vanilla css.
Do you know of any good solutions?
Clutch.io has a waitlist. It basically does what you ask for except it outputs to react. I think its worth checking out.
Even if there is one it wouldn't be very practical, because once you export the project and plug your own code you probably won't be able to go back to the tool and make changes to the ui.
Your best bet is a good template.
Also, doesn't tailwind make design easier for non designers ?
Yes you are correct about that, unfortunately, reiterating the design after export would be a challenge. A much better solution should exist. Templates don't work for my use case because I need some more customization. At the moment I am trying to use tailwindcss and get better with it, however, it is a slow and tedious process instead of building some sweet functionality and launching an app.