Extending Figma Design with Adobe Creative Cloud

Course details

In this course, learn how to supplement and extend your Figma design work with Photoshop, Illustrator, Dimension, and Premiere Pro as part of Adobe Creative Cloud. Instructor Joseph Labrecque shows you how to use Figma and Adobe apps together, exploring common ways in which Figma and Adobe Creative Cloud software can work together and expand creative design workflow. Join Joseph as he guides you through the intersections of a Figma design project alongside popular Adobe tools.

Learning objectives
Integrate and process bitmap images and vector graphics using Photoshop and Illustrator.
Edit photographic compositions and export from Photoshop to Figma.
Export vector graphics cleanly from Illustrator to maintain the most editability in Figma.
Create 3D product and asset views for your Figma design file using Dimension.
Render your custom-branded 3D assets to images for use in Figma.
Integrate richly-edited video and motion graphics into Figma with Premiere Pro and After Effects.
Add audio-only content and effects to your design project interactions.
Complete and deliver prototypes using extended rich media workflows.

Concepts

0. Introduction

01 - Extending Figma design with Adobe Creative Cloud
02 - What you should know
03 - Using the exercise files
04 - Exploring the Figma design project

1. Adding External Images and Graphics

05 - Needs overview - Image and graphic integration
06 - Creating a new Photoshop document
07 - Photography-based background design
08 - Photographic export for Figma integration
09 - Creating a new Illustrator document
10 - Vector-based logo design
11 - Vector export for Figma integration

2. Visualizing 3D Design Content

12 - Needs overview - 3D product view
13 - Adding a 3D product model
14 - Designing and branding the surface
15 - Lighting the product design
16 - Rendering for Figma integration

3. Integrating Video Content

17 - Needs overview - Introduction
18 - Creating a new Premiere Pro project
19 - Sequencing video footage
20 - Adding effects to video clips
21 - Integrating 3D elements
22 - Compositing animated 3D objects
23 - Adding a text message
24 - Rendering video for Figma integration

4. Audio Playback for User Interactions

25 - Needs overview - Audio response to user interactions
26 - Recording and editing audio content
27 - Producing and refining audio content
28 - Exporting audio for Figma integration

Conclusion

29 - Next steps