Recently I’ve started prototyping my designs in Figma more than I have in the past. IRecently I’ve started prototyping my designs in Figma more than I have in the past. I
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Recently I’ve started prototyping my designs in Figma more than I have in the past.
I tended to avoid prototyping in the past due to it being time consuming and honestly most of the projects I was working on were simple enough to not require this amount of detail.
But as the projects I work on have become more complex I’ve found that this extra attention to detail really helps align with stakeholders and sell them on a design before starting development.
With a prototyped design clients are able to interact and see how the website will function, not just how it will look. This helps reduce uncertainty in the final deliverable and ultimately helps speed up Webflow development.
In the past describing all the hover interactions and click interactions for something even as simple as the slider below would require both time for me to explain and some imagination on the client’s part.
While imagination is great, it’s not the best way to align on fine details.
Anyways, long story short, new policy is show don’t tell.
Afton & Sebastian's avatar
Regent Park Studio logo
Looks really great @Sam Comstock. Agreed, it does take time, but sometimes, prototype can uncover things we may not consider in the initial designs and avoid misunderstandings when handing things over to the client or dev.
Sam's avatar
Thank you and agreed, always best to minimize misunderstandings where possible.
Cipher's avatar
Wow...love the hover animation and yeah prototyping can be time consuming but at the end it always looks worth it
Sam's avatar
Thanks @Cipher UI. Agree, it definitely is a better way to present designs.
Zafar's avatar
Nice worj
Akin's avatar
Great interactions! Reminds me Framer sites (ahah sorry had to do it as a Framer dev :))
Sam's avatar
I haven't used Framer yet. I'll have to give it a try to see how similar it is.
Akin's avatar
It's "closest to Figma" no-code tool, so I'D certainly check its beginner tuts :) I know Webflow has its "ideal project types" , so I'm also thinking about checking Webflow tuts, since as I said they have different ideal use cases in my opinion.
Orbix's avatar
Appreciate it!
Taylor's avatar
I feel this. Half of the game is being able to communicate & sell your vision to the client. Prototypes are often the best way to bridge that gap. The visuals help establish the trust needed to move forward with development. As a visual person myself, I can't fault clients for wanting to see it before committing, haha!
Sam's avatar
Great point! Gotta remember to put yourself in the client's shoes.
Cipher's avatar
"Show, don´t tell", that is brilliant advice!
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started