Blocks - Your team’s wireframing tool - right from Figma | Product Hunt

Your team’s wireframing tool

Right in

Logo Figma

figma

The best products start with great collaboration on low fidelity wireframes.

Blocks brings your whole team into one tool so they can iterate quickly, collaborate better, and avoid becoming too attached to any one style.

Go from low to high fidelity within the same tool.

T

H

E

B

E

S

T

P

R

O

d

U

C

T

S

s

T

A

R

T

W

I

T

H

G

R

E

A

T

C

O

L

l

A

B

O

R

A

T

I

O

N

O

N

L

O

W

F

I

D

E

L

I

T

Y

W

I

R

E

F

R

A

M

E

THE BEST PRODUCTS START

THE BEST PRODUCTS START

WITH GREAT COLLABORATION

WITH GREAT COLLABORATION

on low-fidelity wireframes.

on low-fidelity wireframes.

Blocks brings your whole

Blocks brings your whole

team into one tool so they

team into one tool so they

can iterate quickly,

can iterate quickly,

collaborate better, and

collaborate better, and

avoid becoming too

avoid becoming too

attached to any one style.

attached to any one style.

Go from low to high-fidelity

Go from low to high-fidelity

within the same tool.

within the same tool.

Build Blocks,
not finishing touches

Drag and drop blocks with ease

Easily drag and drop your components from the blocks plugin toolbar to quickly build and iterate on your ideas.

Effortless customizing

Smart components: resize, set dates, swap icons. Customize your wireframe.

team collaboration

Blocks merges wireframing and Figma into one platform for full-fidelity teamwork.

Best-in-class blocks

Wireframe anything on your mind with our core components—we've got every product situation covered.

They were born with Blocks

Aircall

2014

Saas product

89 blocks

The very first blocks of Aircall were dragged-and-dropped right on Blocks, enabling the team to think through what Aircall would later become: a cloud-based phone system for teams.

Front

2014

Saas product

46 blocks

Front’s idea to create the customer communication hub for teams started on Blocks. By working together and iterating quickly, the team turned this concept  into low-fidelity wireframes of the hub’s interface.

Spendesk

2016

Saas product

23 blocks

Spendesk turned their idea for a spend management tool into reality using Blocks’ variety of components.

Yousign

2020

Saas product

73 blocks

Effortless customizing on Blocks enabled Yousign to create low-fidelity wireframes for its eSignature solution.

Avatar Thibaud

Thibaud Elzière

Founder @Hexa

Low-fidelity wireframing is how you should build products, it makes collaboration better, it drives better discussions, it sparks new ideas. That’s the way we’ve built over 40+ companies at Hexa and now we’re sharing Blocks with the world to empower other builders to turn their visions into reality with the same success.

Victor Gross

Product Manager @eFounders

Blocks’ low-fidelity wireframing capabilities, enhanced with smart components, has made it incredibly easy and efficient to bring new ideas to life. All of our product conversation now happen on Blocks, be it with fellow PMs, designers or developers

Matthieu Babe

Sr Product Designer @Datadog

Blocks has revolutionized the way I work. Now my whole team is on Figma and I no longer have to switch from mockups tools to Figma to design great UX. Going from low-fidelity to high-fidelity in one tool has been a game changer.

Grégoire Charles

Product Manager

As a visual thinker, Blocks is essential for quickly shaping and iterating on initial product versions. It enables team engagement from the start, making complex concepts clear and fostering collaboration directly in Figma, where product / design activities take place.

Great products are born on blocks