Visually build UI using real components. Start with stunning templates. Personalize your theme. Design pages with our intuitive drag-and-drop editor. Then, save hours by never having to write CSS again.
Hey PH! I’m Irvin, CEO of Subframe (https://subframe.com/)
Back in 2022, I started Subframe as a passion project because I was frustrated by the inefficiencies in building UI:
🤯 My team wasted hours drawing rectangles in Figma, translating mockups to CSS, and sitting in meetings correcting the mistakes.
🤯 I tried Figma plugins that promised design-to-code, but rarely produced high-quality code.
🤯 As a non-designer, I couldn’t get things to look good when I tried designing it myself.
That’s why we built Subframe, a new way to quickly go from idea to production-ready UI.
Here’s how it works:
✨ Browse hundreds of beautiful, designer-approved templates to kickstart your designs
🎨 Refine your designs by drag-and-dropping in Subframe’s visual editor using real components, not mockups
💻 Export your designs to high-quality React/Tailwind code by copy and pasting
Subframe is unlike existing tools out there in that:
➡️ We help you build your actual product, not just marketing pages. You can create screens like dashboards, settings pages, chat bots, and more.
➡️ Our editor is easy and intuitive for non-designers. We are an alternative to Figma that gives you guardrails like choosing colors, which takes the guesswork of “making things look good”.
➡️ We work within your codebase. After you build something on Subframe, the UI code you copy/paste is all yours. You can hook it up to your custom business logic, without any lock-in.
We’ve seen hundreds of companies build UI on Subframe already and are excited to now open up to the public.
And that’s not all – we have an exciting roadmap ahead. I wrote about it here: https://medium.com/@irvin_zhan/i...
Thank you for your support PH 🙏
this looks amaaazing. as an often-solo dev that would solve a huge pain point for me 🔥
My company was one of the first users of Subframe, and it's a true gamechanger. For the first time in my life as a product manager, what I saw in the UI was exactly what I designed. Subframe gives superpowers to PMs.
This looks very useful! Have always wondered why such a thing doesn't yet exist (the tools I used in the past to convert Figma designs gave me buggy/non-usable output). Will be very curious how this goes - the current website appeals really well to developers (can't answer for designers). Would be interesting to see how you end up positioning this going ahead - Would developers be the champions? would designers be the champions? or do you expect the intermediate parties (maybe product managers) to be the champions.
Anyways, I am also piloting a tool to do detailed Website Content Audits for landing Pages. For what it's worth, generated a detailed report for your page here - https://drive.google.com/file/d/.... If that is cumbersome, you can also find a summary here - https://drive.google.com/file/d/.... Hope this is useful to you. Good luck again - The product looks beautiful, I hope you also successfully cross the Enterprise Sales/adoption journey post this.
This looks awesome! Is it something that would be suitable for realtime use cases (e.g. HMIs), or more slower changing UIs like dashboards and portals?
Congratulation Subframe on the launch. Your product looks very helpful and I will definitely consider using it. Definitely going to be helpful. Good luck.
Congrats on the launch! Just curious, what's the learning curve for someone who's new to subframe?
Congratulations! Subframe allows you to effortlessly design UI with real components, saving time on CSS coding. An innovative tool for non-designers to create stunning, production-ready interfaces quickly and efficiently.
I'm currently building a product and being a non-designer this seems to be a possible solution to my UI struggles 🙂. I will definitely give a try and see if solves my problem. Way to go @irvin_at_subframe
