Learn how to use Figma to generate functional, aesthetic CSS code from your designs, and learn how to implement this code directly into web sites and applications.
Overview
Syllabus
Introduction
- Implementing CSS from your Figma designs
- Getting set up
- An overview of the design project
- Defining image export properties
- Exporting and organizing images
- Using the Inspect workspace
- Documenting the project CSS
- Populating the design document
- Defining a CSS document
- Creating an HTML document
- Replacing Figma elements for CSS
- Refining the design from Figma
- What's next?
Taught by
Joseph Labrecque