close
Blog
Articles
User flow uncovering. Figma
Articles
October 12, 2021

No time to explain. In this series of articles, I do a quick website review, where I analyze three flowchart aspects such as onboarding, killer features and dark patterns. Grab these ready-made user flows for free and build your own. Today, we are going to focus on Figma. Without further ado, let’s get into it.

 

#1 — Onboarding sequence

This video was made by pageflows.com and shows you a full process in details  

What’s good?
Figma has hyper-fast onboarding. It’s three steps besides educational content. So don’t be afraid when you look at all these wires. It’s mostly about modals — or pop-ups if you wish. The educational content itself looks like a sneak peek into all of the design tool features. Feels like speaking to someone who knows the deal.
 

What I've learned?

  1. Be specific 
  2. Group your fields logically
  3. Write clear and simple copy
     

User flow

Open with FlowMapp and use it for your purpose

 

#2 — Deleting your account

This video was made by pageflows.com and shows you a full process in details

What’s good? 
Losing even one of your subscribers is extremely sad, I know. But If you love them, let them go. Do not beg them to return or tell them that you’ll miss them. Don't even try to joke about this. Seriously, where is your pride? The only thing you should do is tell them that they ​​cannot undo this action. There is no coming back if they delete their account. They must know what they’re losing.

 

What I've learned?

  1. Be transparent and honest about the process
  2. There’s no reason to use dark patterns
  3. Make the process safe

 

User flow

Open with FlowMapp and use it for your purpose

 

#3 — Commenting

This video was made by pageflows.com and shows you a full process in details

 

‘I think Adobe would have made greater strides towards collaboration if that was in their DNA,’ — Dylan Field

What’s good? 
Before Figma introduced comments and collaboration, design teams lacked effective communication. Modern design teams include professionals from different disciplines that solve problems together, so putting chat rooms under one roof with the tools was a great way to let them communicate.

This flowchart shows us a simple and elegant process within just tree pages and tree modals. Of course, we can reimagine this conversational comment module with more features, but do we need this right now?

 

What I've learned?

  1. Try to apply a lo-fi decision to complex problems instead of searching for the Holy Grail
  2. Find what you can delete from your flowchart
     

User flow

Open with FlowMapp and use it for your purpose

 

Outro

It’s no surprise that Figma is one of the most common collaboration tools for modern web designers. It’s more of a standard now. Figma has actually addressed tons of the design problems that appear in other interface design tools — it’s great for prototyping, wireframing, UI, shipping to devs and much more. Most misunderstandings are gone. Headache is gone too, I bet. As one of Figma’s unknown copywriters once wrote: ‘No magic, you get full control'. Does anyone know their name, by the way?