Design and Develop a Website using Figma and CSS

8 ratings
Offered By
Coursera Project Network
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
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 DesigningWeb DesignVector GraphicsWeb DevelopementPrototype 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

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.