The best products start with great collaboration on low-fidelity wireframes. Blocks is a Figma plugin that features a library of components so you can create low-fidelity wireframes with your whole team - in minutes.
Hey everyone 👋
I’m Thibaud, Hexa’s cofounder. For those who don’t know Hexa, we’re a startup studio that’s built over 40 products, many of which have become great SaaS success stories like Aircall, Front, Spendesk. Every product that we ever built has followed the same process: it begins with creating low-fidelity wireframes, with the entire team.
But the process of building low-fidelity wireframes is flawed. It begins with founders and product managers who create the first wireframes in one tool, then designers convert these into mock-ups in another tool, developers code the final product, and marketers introduce it to the market. This results in inefficiencies and silos and creates sub-par products.
We are firm believers that it is by 👏 bringing the whole team👏 into the low-fidelity wireframing process that we can build game-changing products: more options are considered, iterations happen quickly, and you avoid becoming attached to any one style too early-on. It doesn’t only lead to better product discussions, it also leads to superior products.
But we never found the right tool to do just that. Traditional wireframing tools were only adopted by founders & product managers, while designers stayed on Figma.
So we decided to build Blocks 🤗 Blocks is a low-fidelity wireframing tool that happens right in Figma.
With Blocks:
🟧 You’ll never ever have to switch from wireframing tools to design tools ever again
🟧 Your whole team will get to participate in the most crucial part of product building
🟧 You'll be able to wireframe any idea you've got on your mind with our library of best-in-class components
🟧 You'll wireframe much faster with drag-and-drop and endless customization
🟧 You'll have the best product conversations with all of your team - and build the best products!
Great products are born on Blocks. Get started now: https://www.blocks.pm/
Report
@tiboel I'm interested in why your SaaS product approach starts with wireframing...rather than with user/customer research into digital product usage behaviours?
I love the "pluginified kit" approach you've taken to building Blocks. Product teams to often focus on the non-important details when starting on new flows/functionality/products. This was definitely missing in the Figma plugin ecosystem. Congratulations to team, hope you make it to the moon !
@tiboel@yannick_mthy Hope you enjoy the tool! Let us know if you have any feedback or questions. We'd be happy to answer them :)
Report
Thanks for the library sharing. I've been using it for my last project and totally agree that low-fidelity wireframes is a must step to speed up product delivery.
Hey everyone 👋
I’m Thibaud, Hexa’s cofounder. For those who don’t know Hexa, we’re a startup studio that’s built over 40 products, many of which have become great SaaS success stories like Aircall, Front, Spendesk. Every product that we ever built has followed the same process: it begins with creating low-fidelity wireframes, with the entire team.
But the process of building low-fidelity wireframes is flawed. It begins with founders and product managers who create the first wireframes in one tool, then designers convert these into mock-ups in another tool, developers code the final product, and marketers introduce it to the market. This results in inefficiencies and silos and creates sub-par products.
We are firm believers that it is by 👏 bringing the whole team👏 into the low-fidelity wireframing process that we can build game-changing products: more options are considered, iterations happen quickly, and you avoid becoming attached to any one style too early-on. It doesn’t only lead to better product discussions, it also leads to superior products.
But we never found the right tool to do just that. Traditional wireframing tools were only adopted by founders & product managers, while designers stayed on Figma.
So we decided to build Blocks 🤗 Blocks is a low-fidelity wireframing tool that happens right in Figma.
With Blocks:
🟧 You’ll never ever have to switch from wireframing tools to design tools ever again
🟧 Your whole team will get to participate in the most crucial part of product building
🟧 You'll be able to wireframe any idea you've got on your mind with our library of best-in-class components
🟧 You'll wireframe much faster with drag-and-drop and endless customization
🟧 You'll have the best product conversations with all of your team - and build the best products!
Great products are born on Blocks. Get started now: https://www.blocks.pm/
I've been using Blocks for creating wireframes for about a month now. Initially, Figma wasn't ideal because it needed designing from scratch. I tried downloading component libraries, but they were either too similar to final designs, didn't fit what I needed, or weren't user-friendly. So, I ended up using multiple tools like Whimsical and Excalidraw. Now, I'm happy to have everything in one place with this plugin Figma 🔥.
As an existing Figma user, Blocks has been a game-changer for my design workflow. This plugin simplifies creating complex layouts and components, saving me so much time. The seamless integration with Figma makes it incredibly easy to use, and the additional functionality it provides is invaluable.
Been using it to turn my ideas into wireframes directly in Figma. I used to waste a lot of time building from scratch components. I can now focus on what matters the most : the user flow and not the size of a button. Very smart to have it directly on Figma.
folk
@tiboel I'm curious. Can you answer his question?
Bonjour App for Zoom
Blocks
Weavely
folk
Mention ✪ Insights Center
Blocks
Cycle
Blocks
Inyo
Blocks
Blocks
Blocks