1. All topics
  2. Business
  3. Small Business and Entrepreneurship
  4. Web Design Business
Figma: From Design to CSS Implementation Preview

Figma: From Design to CSS Implementation

With Joseph Labrecque Liked by 263 users
Duration: 48m Skill level: Intermediate Released: 7/11/2023

Start my 1-month free trial Buy for my team

Course details

You’ve created some great designs, but how can you turn them into code-ready assets that your developers can use? In this practical course, university professor Joseph Labrecque helps you understand what your Figma files need in order to translate well into “developer speak”. Learn how to define image export properties, as well as export and organize your images. Find out how to use the Inspect workspace, document your project in CSS, populate the design document, and define a Figma-generated CSS file. Plus go over creating an HTML document, replacing Figma-generated properties for clean CSS, and refining your design from Figma.

Skills you’ll gain

Earn a sharable certificate

Share what you’ve learned, and be a standout professional in your desired industry with a certificate showcasing your knowledge gained from the course.

Sample certificate

Certificate of Completion

  • Showcase on your LinkedIn profile under “Licenses and Certificate” section

  • Download or print out as PDF to share with others

  • Share as image online to demonstrate your skill

Meet the instructor

Learner reviews

4.7 out of 5

98 ratings
  • 5 star
    Current value: 75 77%
  • 4 star
    Current value: 17 17%
  • 3 star
    Current value: 5 5%
  • 2 star
    Current value: 1 1%
  • 1 star
    Current value: 0 0%
  • Mustafa Al-Saeed Al-Badawi Mustafa Al-Saeed Al-Badawi

    Mustafa Al-Saeed Al-Badawi

    Patient Engagement Specialist with Clinical Chemistry Expertise

    4/5 October 6, 2024
    Good overall course on transferring the design to CSS. My 1 issue is that at the end in part 3, CSS pulled from the Figma design needed to be adjusted, but its not explained why these decisions are made. The correct CSS is copied from another document and unless you have that document you aren't necessary going to arrive at those correct choices.
    Helpful · Report
  • Rob Kohler Rob Kohler

    Rob Kohler

    Design and Production Solutions for Visual and Interactive Communications

    4/5 August 22, 2024
    Good overall course on transferring the design to CSS. My 1 issue is that at the end in part 3, CSS pulled from the Figma design needed to be adjusted, but its not explained why these decisions are made. The correct CSS is copied from another document and unless you have that document you aren't necessary going to arrive at those correct choices.
    Helpful · Report
  • Vignesh R Vignesh R

    Vignesh R

    Digital Marketing Consultant @ Avaniko Technologies | PPC, Social Media, Email, and SEO Growth Strategies | Helping Brands & Individuals Succeed" |…

    3/5 July 25, 2024
    Very excellent!
    Helpful · Report

Contents

What’s included

  • Learn on the go Access on tablet and phone

Similar courses

Download courses

Use your iOS or Android LinkedIn Learning app, and watch courses on your mobile device without an internet connection.

Download on the App Store Get it on Google Play