Design and Develop a Website using Figma and CSS

4.7
stars
32 ratings
Offered By
Coursera Project Network
1,614 already enrolled
In this Guided Project, you will:

Get familiar with the basic tools and features of Figma

Design and create your website prototype

Develop the prototype into a complete website

Clock2 hours
IntermediateIntermediate
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

In this 2-hour long project-based course, you will learn how to use the basic tools and features of Figma, design a website’s prototype and convert it into a website exactly as designed, using HTML and CSS. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Skills you will develop

  • Graphic Designing
  • Web Design
  • Vector Graphics
  • Web Developement
  • Prototype Creation

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Introduction to Figma

  2. Designing a Basic Website Layout

  3. Creating your own Vectors

  4. Finalising Screen Designs

  5. Creating a Basic HTML Page

  6. Styling the Website

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Reviews

TOP REVIEWS FROM DESIGN AND DEVELOP A WEBSITE USING FIGMA AND CSS

View all reviews

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.