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.

Design and Develop a Website using Figma and CSS

What you'll learn
Get familiar with the basic tools and features of Figma
Design and create your website prototype
Develop the prototype into a complete website
Skills you'll practice
Details to know

Add to your LinkedIn profile
Only available on desktop
See how employees at top companies are mastering in-demand skills

Learn, practice, and apply job-ready skills in less than 2 hours
- Receive training from industry experts
- Gain hands-on experience solving real-world job tasks
- Build confidence using the latest tools and technologies

About this Guided Project
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:
Introduction to Figma
Designing a Basic Website Layout
Creating your own Vectors
Finalising Screen Designs
Creating a Basic HTML Page
Styling the Website
Recommended experience
Familiarity with the basics of HTML and CSS.
1 project image
Instructor

Offered by
How you'll learn
Skill-based, hands-on learning
Practice new skills by completing job-related tasks.
Expert guidance
Follow along with pre-recorded videos from experts using a unique side-by-side interface.
No downloads or installation required
Access the tools and resources you need in a pre-configured cloud workspace.
Available only on desktop
This Guided Project is designed for laptops or desktop computers with a reliable Internet connection, not mobile devices.
Why people choose Coursera for their career

Felipe M.

Jennifer J.

Larry W.

Chaitanya A.
Learner reviews
- 5 stars
69.49%
- 4 stars
20.33%
- 3 stars
7.62%
- 2 stars
1.69%
- 1 star
0.84%
Showing 3 of 118
Reviewed on Sep 9, 2022
the only issue that i faced was the limited timed sessions of the cloud workspace
Reviewed on Apr 1, 2023
Wonderful guided project. I never thought creating web designs and vectors is so easy using Figma. Really I needed it.
Reviewed on Mar 7, 2023
perfect guide for practicing how to create beautiful websites.
