Skip to content
Write a review
UdemyWeb DevelopmentPaid courseBeginner levelCertificate

Figma to WordPress: Learn to Design and Build Website (Udemy.com)

Learn how to design a modern portfolio website in Figma from scratch and convert it to WordPress website.

4.3
639 reviews

Created by: Gihan Akalanka Karunarathna

Last updated June 2026

icon
What you will learn

  • How to design beautiful and modern portfolio websites using Figma
  • How to convert Figma design to WordPress website
  • How to find design inspirations to create website from scratch
  • How to choose right colors, prototype and images for portfolio website
  • UI UX design best practices
  • How to build a WordPress website from scratch

How it compares

Against the other 815 rated Udemy courses in Web Development on CourseDuck:

  • Rating4.3 out of 5higher than 21% of them
  • Reviews639#239 of 816 by number of reviews
  • Length4.5 hoursshorter than 66% of them
  • Last updatedJune 2026more recently than 87% of them

icon
Course Description

Do you want to learn how to use Figma to design a modern & professional website from scratch and turn the Figma design into a fully functional WordPress website?

This course will help you to improve your web design skills and learn the Figma tool to design any type of website and convert any Figma design to WordPress using Elementor page builder.

This is a complete Figma to WordPress class.

In this class, you'll learn,

  • How to use Figma software to design websites interface

  • Create a mood board to collect design inspirations

  • Pick the best colors, typography, images & content

  • Design the A-Z website according to UI/UX design principles

  • Convert Figma to WordPress

  • Use WordPress theme and plugins

  • Build a website with Elemento page builder free version

Also, I'll show you the best practice and things that you should follow to speed up the process and give hassle-free service to your client.

This class is for,

  • Freelancer or individual web designer who likes to start a web design journey.

  • Anyone who likes to design their own custom portfolio website.

  • Anyone who likes to learn to convert Figma to a WordPress website

About me,

I am Gihan Akalanka and I am a freelance web designer/developer. I will guild you through the step-by-step process of designing a complete portfolio website with Figma.

This is a beginner-friendly course,

Only you need a computer and internet connection to start this class. You can follow the steps with me and improve your skills and understand the tools that we use in this course.

By the end of this course,

You'll have completed professional portfolio website design by you and you'll have the knowledge to do the research to get design inspiration and create your own version of a website that can sell you for your clients.

Let's get started!
Read More Beginner Beginner Level product length iconTime: 4.5h

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Get the Udemy discount

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Gihan Akalanka Karunarathna

Hi there!

I'm a UI/UX designer who loves teaching others how to design great digital experiences.

I'm here to help you learn how to create user-friendly and visually appealing websites and apps.

My courses are designed for everyone, whether you're a beginner or a seasoned pro. I'll teach you everything you need to know to create digital experiences that people love.

So join me on this journey to level up your UI/UX design & web design skills!

Read More

icon
More courses by Gihan Akalanka Karunarathna

$44.99

All courses by Gihan Akalanka Karunarathna

icon
More Web Development courses

$19.99

$89.99

$89.99

$79.99

$10.99

$84.99

All Web Development courses

icon
Reviews

4.3

639 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

Write a review

By Don Sebastian Siagian on 7/15/2026

This course has This course has been very helpful to me as a web designer. It has given me a lot of inspiration.really helped me gain more experience as a web designer.

By Andrew Hubbard on 3/3/2025

This was a useful guide to using Figma. I've had a Figma account for a while but did not use it. This course took me through using Figma, and I can see why people like using Figma. At first I didn't understand why using a mood board was useful. But then when we used elements from the mood board to help design a web page, this clicked for me and I understood the benefit. Moving a website from Figma to WordPress is a very manual process. But Figma provides the information and facilities to make it easier to duplicate the Figma designed webpage. My only complaints were sometimes the instructor went through some parts a bit too quickly, and the videos cut off quickly. For example, the last lesson of the course, creating the footer section. The instructor was tidying up parts of the footer to make them match the Figma design. When the course completion notification showed. But the instructor had not completed the work, so we couldn't see the eventual results. Some other lessons also finish quickly. Please update the course content to show the new Figma UI, and edit the lessons so they finish properly and not simply cut-off.

By Chetan Choudhary on 1/12/2025

I enjoyed the whole course you can do the voiceover but i love to learn from here !! It was fun

By WOTORDZOR KWAMI KOENYA PROSPER on 11/21/2024

It was actually a good course and I was happy to be a learner of this course because it taught me a lot to understanding the figma.

By Ebenezer Ayaaba on 11/8/2024

a very top notched course i can now do my figma designs and the exposure to wordpress makes me more happy

By Girdhari lal on 10/21/2024

This course was an excellent resource for learning how to design a modern portfolio website using Figma and convert it to WordPress. The instructor provided clear explanations and practical examples, making complex concepts easy to grasp. I feel confident applying these skills to my projects. Highly recommend!

By Bernard OSHAPI on 9/27/2024

GREAT WORK AND THANKS FOR THE DETAILED STEP-BY-STEP. THIS COULD STAND-OUT FOR ANY PORTFOLIO PROJECT.

By Willson Joseph E on 7/4/2024

This course totally leveled up my web design skills. This course was easy to follow, even if you're a newbie to all this stuff. Great!!! session

By Raya Georgieva on 12/29/2023

The information was ok, but the teacher's accent was horrible. It was very hard to understand.

By Luz Connell on 9/28/2023

accent is horrific, I can barely understand what he was saying and is very very painful to listen

Showing all 10 reviews on CourseDuck

Read all 639 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 86 / 100

Figma to WordPress: Learn to Design and Build Website
Visit course on Udemy Write a review
  • Video Duration: icon 4.5h
  • Price: $39.99
  • Provider: icon Udemy
  • Updated: icon June 2026
  • Level: Beginner Beginner
  • Language: icon English
  • Certificate: icon Yes
30-day money-back guarantee on most paid courses

Udemy Coupon Price Tracker

Udemy price history

For any issues or feature requests please email CourseDuck's Co-Founder at mkuhlman12@gmail.com