To start working with a new design tool might feel frightening.
Figma manages to keep it accessible with an efficient onboarding flow
that mixes inspiration and instruction.
What I like about it.
@fmerian
Slide 3
Slide 3 text
Overview
Step 1. Create account. Step 2. Tell us about yourself. Step 3. Verify your email.
Step 4. Name your team. Step 5. Invite collaborators. Step 6. Choose a plan. Step 7. You're all set!
@fmerian
Slide 4
Slide 4 text
Step 1. Create account.
@fmerian
Slide 5
Slide 5 text
Step 2. Tell us about yourself.
@fmerian
Slide 6
Slide 6 text
Step 3. Verify your email.
@fmerian
Slide 7
Slide 7 text
Recap
It takes three steps to start setting up the account. The flow could have been more straightforward. @fmerian
Slide 8
Slide 8 text
Alternative: Skip the step for quicker access.
@fmerian
Slide 9
Slide 9 text
Step 4. Give your team a name.
@fmerian
Slide 10
Slide 10 text
Step 5. Invite collaborators.
Pro Tip: If you build a product for teams, hint your users to invite their teammates. @fmerian
Slide 11
Slide 11 text
Alternative: Who do you design with?
Your text can have a significant impact on your activation rate. Make your copy engaging.
Who do you design with?
Add teammates
@fmerian
Slide 12
Slide 12 text
Step 6. Choose a plan for your team.
It feels weird to choose a plan at this step, as the user didn't create any value so far. @fmerian
Slide 13
Slide 13 text
Step 6
Choose your plan.
Step 5
Invite collaborators.
Step 7
You're all set!
Alternative: Skip the step to focus on the signup experience.
@fmerian
Slide 14
Slide 14 text
Step 7. You're all set!
Two options. Either you walk through the tutorial, or start from scratch. @fmerian
Slide 15
Slide 15 text
Step 8
@fmerian
Slide 16
Slide 16 text
Alternative: Don't start from a blank page.
@fmerian
Slide 17
Slide 17 text
Step 8.2
This step is a Wow effect. When you leave the previous page and land on your workspace, it already has some ready-to-use files. You're all set.
@fmerian
Slide 18
Slide 18 text
Recap
Step 1
Create account.
Step 0 Step 2
Tell us about yourself.
SIGNUP FLOW
HOME
@fmerian
Slide 19
Slide 19 text
Recap
Step 5
Invite collaborators.
Step 4
Give your team a name.
Step 6
Choose a plan.
SETUP
@fmerian