Subframe

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 🙏

Have you tried Framer? How is Subframe better then this and why should we switch? We don't fully enjoy Framer tho, that's why I'm asking if we might try to go 😁

Now this I like. Congratulations. Finally something that's not just a mockup. Would give you 5 upvotes, if I could!

Wait this is exactly what I’ve been looking for. Do you support tailwind and headless UI?

I've been using Subframe nearly a year and have been blown away by its simplicity and effectiveness as a tool. It's easily 3x-ed my productivity when it comes to building product UI. I'll never go back to building product UI from scratch again.

The UI looks great! A lot of similarities to Framer which I love, and the React/Tailwind export is perfect for engineers like myself. I'm curious how theming works though because the templates look fairly simple.

I'm the kind of startup CEO that gets stuck doing all the design in the early stages until we hire a pro (we had one very successful exit using this model, so it's not all bad). I've been using Subframe in beta for about a month now (and am now on a paid plan) for some new ideas we've been working on, and I’ve been incredibly impressed with what I was able to accomplish super rapidly with subframe. It’s definitely a step above tools like Framer/Webflow in speed of use (and of course better at building tools as opposed to pure marketing sites), and a hundred steps above coding tailwind directly. Subframe has a (nearly) perfect abstraction of design. I don’t need to reinvent the wheel and can quickly build. The stack system is by far the most intuitive I’ve seen, is much quicker to implement than e.g. Framer and way better than the way Figma handles grouping layouts, and makes laying out the entire UX a dream. I've now found that I'm using Subframe to prototype UI instead of Figma. I think some of the best design emerges from constraint. When you are faced with the blank canvas of Figma, you can put anything on there. There are UI libraries out there but it’s a mess and you can’t easily just drag the important stuff on. So, you have freedom, but it’s slow. In contrast, with subframe, 80% of the things I’m likely to need on a page are there at my fingertips. I don’t need to think about organisation and layout, just about what the ideal UX would be. Most importantly, my cofounder/CTO has been able to take the code and implement it within minutes. No messing around with Figma to Tailwind plugins that require your Figma designs to be perfectly structured... There are features missing I'd love to see (mainly a bit more flexibility) but the team have been great at listening to ideas and feedback and none of the missing features stop this from being the very best tool out there in this space I've used so far. I can't wait to see where it goes from here. Congrats Irvin, and all the team.