Icon

Figma Guide

This is a step-by-step guide for Figma

By Michael Parker

In this guide, we'll learn how to create a project in the new Figma setup. The process involves setting up a team, managing access permissions, and inviting necessary collaborators. This ensures that all stakeholders, including developers, project managers, and design leads, are involved from the start. We'll also cover how to create a design file for wireframes if needed.

Let's get started

In the new Figma setup, here's how to create a project: 1. Go to all workspaces. 2. Navigate to external projects. 3. Select new team. 4. Enter the client name and add a description. 5. Ensure the workplace is set to external projects. 6. Confirm who has access, specifically the CI web group, and set it to at least view. 7. Click continue.

1
Double-click on "All workspaces"
Step #1: Double-click on "All workspaces"
2
Double-click here
Step #2: Double-click here
3
Click on "+ Team"
Step #3: Click on "+ Team"
4
Type "Client Name"
5
Click here
Step #5: Click here
6
Type "Description"
7
Click on "Workspace"
Step #7: Click on "Workspace"
8
Click here
Step #8: Click here
9
Click on "External Projects"
Step #9: Click on "External Projects"
10
Double-click on "CI Web Group"
Step #10: Double-click on "CI Web Group"
11
Click on "CI Web Group"
Step #11: Click on "CI Web Group"
12
Click here
Step #12: Click here
13
Click on "Continue"
Step #13: Click on "Continue"
14
Click on "others by name or email"
Step #14: Click on "others by name or email"

Always invite me, Michael Parker, at ciwebgroup.com, and then create the team.

15
Type "michaelparker@ciwebgroup.com + Enter"
16
Type "Backspace"
17
Click on "Create team"
Step #17: Click on "Create team"

After creating the team, set up the web project. The CI web group with access can view it. Then, click continue.

18
Click on "+ New project"
Step #18: Click on "+ New project"
19
Type "Web Project"
20
Click on "CI Web Group"
Step #20: Click on "CI Web Group"
21
Click on "CI Web Group"
Step #21: Click on "CI Web Group"
22
Click on "● View"
Step #22: Click on "● View"
23
Click on "Continue"
Step #23: Click on "Continue"

Always invite everyone necessary for the project: the developer, the PM, the web strategist, the design lead, the creative director, and anyone else who needs to be involved.

24
Click on "Create project"
Step #24: Click on "Create project"

Create the project. Here, you can create your design file to import if needed for the wireframes. That's it.

25
Click on "+ Create new"
Step #25: Click on "+ Create new"
26
Click here
Step #26: Click here

Figma Guide