Figma

SAP Design System Academy / Resources and Tools / Figma

Intro

This guide will help you work with Figma – no matter whether you’re an intermediate, a pro or if you’re only just getting started. These trainings focus on content that is provided by Figma directly or from our colleagues.

Speaking of content provided by Figma: They have a great YouTube channel on which they share tons of material, ranging from bite-sized one-minute info-videos to complex in-depth trainings lasting over an hour (see also below).

grey,promo-tile

Figma Resources

Figma YouTube Channel
Figma Help Center

Figma Trainings

What’s Figma

Training level: Beginner

Figma is our main design tool within the SAP Design community. This Figma for Beginners tutorial helps you get started with using this amazing tool.

Figma FAQ:icon-document-text

Figma for Beginners tutorial :icon-video(53 mins, Playlist)

What’s Figma? :icon-video(2 mins)

Figma for Beginners (1/4): Explore Ideas :icon-video(15 mins)

Figma for Beginners (2/4): Create Designs :icon-video(22 mins)

Figma for Beginners (3/4): Build Prototypes :icon-video(8 mins)

Figma for Beginners (4/4): Prepare for Handoff :icon-video(6 mins)

Figma Onboarding

Training level: Beginner

If you are just starting your Figma journey, you’ve probably already noticed that it’s quite intuitive to work with – to a certain degree. Some features are not so obvious or even hidden. These onboarding videos will help you find and understand these essential tools.

Figma – Projects and Files :icon-video(2 mins)

Figma – The Editor :icon-video(7 mins)

Figma Onboarding Video series :icon-video(SAP internal)

Pluralsight (costs centrally covered)

Figma: Getting Started

Figma Basics Training

Training level: Beginner

The following videos from Figmas YouTube channel cover the basic features and capabilities of Figma. If you are already an intermediate user, you might be already familiar with most of the content. Nevertheless it might be a good refresher for you as well.

Figma – Build Reusable Components :icon-video(8m)

Figma – Create Reusable Color Styles :icon-video(4m)

Figma – Create a Sharable Team Library :icon-video(5m)

Figma – Collaborate in Real-Time with Multiplayer :icon-video(8 mins)

Figma – Build and Present Interactive Prototypes :icon-video(8 mins)

Part 8 – Handoff Seamlessly to Developers :icon-video(5 mins)

LinkedIn Learnings (no costs)

The basics of Figma – with hands-on exercises:icon-video

Collaboration within Figma

Laura’s Advanced Training

Training level: Intermediate

Our colleague Laura created two advanced courses that dive more deeply into the world of Figma. Here, you will learn the tricks and trades of how to create great stencils. To work alongside the recorded training, you will require a copy of the training material. Before you can start, make sure to duplicate it to your own drafts.

Advanced Training – Part 1 :icon-video(2:54 hrs)

Advanced Training – Part 2 :icon-video(2:28 hrs)

Advanced Training – Training material:icon-document-text

Coming from Sketch

Training level: Intermediate

Many designers are familiar with Sketch. This training offers some tipps and tricks to make the transition from Sketch to Figma easiert.

Figma Tutorial: Coming from Sketch :icon-video(10 mins)