How to work with Figma?

This is a brief guide for developers about how to work with Figma.

How to work with Figma cover

Figma access#

1️⃣   Go to figma.com

2️⃣   Create a new account. Make sure to use your regular volue E-Mail-Address. Do not use SSO!

3️⃣   Request access to the files of your choice. Your product designer or product owner should provide you the link to the files.

If you encounter problems with file access: reach out to the product designer of your project, or contact a figma administrator: design@volue.com


Figma files#

Navigate to overview page#

The overview page shows all projects that you have access to.

Figma runs in a browser
How to work with Figma - explanation screenshot
Figma runs as a client
How to work with Figma - explanation screenshot

Recently viewed#

How to work with Figma - explanation screenshot

Figma navigation#

Move on the canvas#

How to work with Figma - explanation screenshot

Zoom in/out#

How to work with Figma - explanation screenshot

Pages#

How to work with Figma - explanation screenshot

Read design specifications#

Make sure you are in the right view mode#

How to work with Figma - explanation screenshot

Inspect elements#

How to work with Figma - explanation screenshot

Inspect elements - scroll down#

How to work with Figma - explanation screenshot

Inspect distances between elements#

How to work with Figma - explanation screenshot

Go to main component#

How to work with Figma - explanation screenshot

Figma comments#

How to work with Figma - explanation screenshot

Other resources#


If you encounter problems or have other questions: feel free to contact the design team, we are happy to assist you. Find us in teams or write to us at design@volue.com.