Hey everyone! I'm a C++ software engineer diving into web development and I want to turn some app ideas into reality. While I'm going to handle the backend stuff myself, I'm starting to feel frustrated with frontend development since I'd rather not delve deeply into learning a frontend framework. I'm looking for tools that will allow me to design UI elements and animations easily, and importantly, generate the actual code I can use later. Are there any recommended tools or workflows out there? I'm open to using AI tools but I want to make sure I can customize the final result without ending up with generic or messy code.
5 Answers
Tailwind UI might be another option since it offers prebuilt components. You won't find a perfect tool that designs and animates components while giving you the generated code, as most of them are more design-centric. And while C++ is cool for backends, if you're looking for an API, maybe consider C# with ASP.NET instead.
Have you looked at ChatGPT for some coding help? It can work with you to generate snippets on the fly based on your designs. Just be prepared to do some refinement afterward.
If you want something easier to dive into, try Vue 3 with the Composition API. It's user-friendly and you can find tons of help online. Plus, there's less initial setup compared to React. Just consider Nuxt if SEO is on your mind, but for now, an SPA will be fine if you're focusing on backend work.
Bootstrap is also a solid choice if you want to get up and running fast with a frontend. It has lots of templates and components to work with.
You might want to check out Figma! It’s a great design tool for creating UI elements. But I'm curious too about whether you can export good quality code directly from it? Would love to hear thoughts on that.
I've used Figma before, and while it gives you some code snippets, they're not always perfect for production. You might still have to clean things up.
Yeah, a lot of people use Figma to design, but the quality of the code export can vary. You usually need to do some tweaking to make it clean.
Haha, don’t worry, I’m not sticking with C++ for this project. It's just my day job speaking! Thanks for the suggestions!