Thibaud Elziere

Blocks - Your team’s wireframing tool, right from Figma

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.

Add a comment

Replies

Best
Thibaud Elziere
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/
Jason Davey
@tiboel I'm interested in why your SaaS product approach starts with wireframing...rather than with user/customer research into digital product usage behaviours?
Etienne Dargnies
A really great plugin that will save us a ton of time both when building and iterating on our wireframes. Congrats !
Sarah Barron
@etidar We coudln't have said so better ourselves! Thanks for your support 🤗
Florian Myter
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 !
Thibaud Elziere
@florian_myter Our thoughts exactly. Thanks for the support 🙏
Matthieu Vaxelaire
Blocks has been instrumental in transforming (rapidly) our ideas into reality at efounders!
Sarah Barron
@mvaxelaire thank you for your support always! 🤩
Julien Baudic
I'm going to try it!
Sarah Barron
@julien_baudic We would LOVE to know your thoughts. We're huge fans of Cycle at Blocks!
Yannick Mathey
The ultimate components system I promised myself to do years ago… and obviously never did 😅 Blocks.pm looks so good, thanks @tiboel and team!
Sarah Barron
@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 :)
Arthur Bonnecarrere
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.
Sarah Barron
@arthur_bonnecarrere We 1000% agree 🤗 Thanks Arthur!
Meghan Regior
@arthur_bonnecarrere Thanks Arthur 👀 Can't wait to see what you're working on !
Aman Wen
Just dropped you guys an upvote because anything that streamlines collaboration is a winner in my book. I'm curious about how Blocks handles real-time collaboration. Can it really keep up when an entire team is working at once?
Victor Gross
@aman_wen on Figma there is live collaboration which is super smooth, by being a Figma plugin we naturally benefit from that !
Jon Whitby
Launching soon!
Congratulations on launching Blocks! As a Figma user, I’m always on the lookout for tools that enhance collaboration and streamline the design process. Blocks sound like a fantastic addition, especially for teams looking to create and iterate on low-fidelity wireframes right within Figma quickly. The component library feature seems particularly useful for speeding up the conceptual phase. Really excited to see how it can improve our workflow! Great work on this plugin.
Victor Gross
@jonwhitby thanks so much for the positive feedbacks. If you have any suggestion how components improvements or request, you can drop your comment over here : https://www.figma.com/file/3gqLc...
Amaury Sepulchre
Neat! as a non product non designer guy, I can use it to put quickly my product ideas on paper and explain them correctly.
Sarah Barron
@amaury_sepulchre2 That's exactly why we built Blocks! Glad you found a great use for it. Thanks for your support.
Ashley Rehan
A very very great tool to use, I just saw it on product hunt and tried it right away with my current UI design project. It was superb, It has a library of design assets such as, Icons , Emojis, Brand Logos and many more stuffs. It's more a UI kit library than a wireframe tool! Good product and good luck with the launch!!!!
Victor Gross
@ashley_notch thanks so much for the support Ashley ! It is indeed a kind of UI kit lib but available from powerful top-bar to avoid the back & forth on the left panel between frames & assets.
Yoan Almeida
A very good alternative that allows me to centralize yet another major part of the product conception in Figma, which until now required the use of multiple tools. I had the chance to try it a few weeks ago, and in the end, it replaced my Whimsical!
Thibaud Elziere
@yoanalmeida Wow - so glad to hear it Yoan. Don't hesitate to share any product feedback with us.
Zenda
Upvoted!🎉 Very smooth interaction, very user-friendly. Already recommended on Twitter: https://twitter.com/Zenda1122/st...
Victor Gross
@zenda1122 thanks so much for the support and the share on Twitter !
Tanguy GAREZ
@zenda1122 Nice!!!
Rohit Gaikwad
This looks amazing!!!!! Congrats @tiboel @gregcha @tanguy_garez @meghan_regior and team
Quentin Nickmans
So great the team has put the efforts and energy tyo make this recipe available to all. Let's build in a simple and very efficient way, the best tools of tomorrow ! Congrats @team Hexa and in particular all the MAKERS !
Victor Gross
@team @quentin_nickmans1 thanks for your support ! so happy to have the opportunity to start such projects in Hexa
Nic Touron
Love to be part of this journey!
Victor Gross
@nic_trn thanks Nic for all the work & feedbacks, you rock !
Albert
congratulations on the launch of blocks, thibaud and team. integrating directly into figma for real-time team collaboration sounds efficient. curious, how does blocks handle version control when multiple team members are editing the same wireframe simultaneously?
Victor Gross
@mashy Figma handles the version control, not Blocks ! Blocks is useful to drop great components on your Figma file !
Fabrizio D'Urso
@tiboel congrats on the launch! Product looks cool, and I loved the video. Upvoted!
Sarah Barron
@tiboel @fabdurso Thanks for the support - happy you loved the video 🤗
André J
Really nice website!
Sarah Barron
@sentry_co Thanks - the brand is by the one and only @tanguy_garez
Tanguy GAREZ
@sarah_barron , Too much love. « It's going to get weirder by the minute. »
Gabriel
How did you create this product video? I like it a lot and would like to learn how to build something like this
Sarah Barron
@g_briel @mplebl Our brand designer and motion designer worked their magic ✨ And the Blocks team did the voice over.