Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Figma: From Design to CSS Implementation

via LinkedIn Learning

Go to class Write review
Boot.dev Ad

Learn Backend Development Part-Time, Online

Learn More → Coursera Ad

Gain a Splash of New Skills - Coursera+ Annual Nearly 45% Off

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
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.

Syllabus

Introduction
  • Implementing CSS from your Figma designs
  • Getting set up
1. Producing Image Assets
  • An overview of the design project
  • Defining image export properties
  • Exporting and organizing images
2. Translating CSS Rules
  • Using the Inspect workspace
  • Documenting the project CSS
  • Populating the design document
  • Defining a CSS document
3. Implementing CSS within HTML
  • Creating an HTML document
  • Replacing Figma elements for CSS
  • Refining the design from Figma
Conclusion
  • What's next?

Taught by

Joseph Labrecque

Reviews

4.7 rating at LinkedIn Learning based on 66 ratings

Start your review of Figma: From Design to CSS Implementation

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.