Figma to WordPress: Learn to Design and Build Website A to Z

person icon Gihan Akalanka

Figma to WordPress: Learn to Design and Build Website A to Z

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

updated on icon Updated on Sep, 2023

language icon Language - English

person icon Gihan Akalanka

architecture icon Figma,Web Design,Design


30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 19,000+ top Tutorialspoint courses anytime, anywhere.

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 course 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

Let's get started!


What will you learn in this course:

  • By the end of this course, You'll have completed a 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 to your clients.


What are the prerequisites for this course?

  • 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.

Figma to WordPress: Learn to Design and Build Website A to Z


Check out the detailed breakdown of what’s inside the course

1 Lectures
  • play icon Introduction 02:16 02:16
Figma Basic
3 Lectures
First Design
3 Lectures
First Project
7 Lectures
Design Website
12 Lectures
Setup WordPress website
3 Lectures
Convert Figma design to WordPress website
3 Lectures
Build the Portfolio Website
12 Lectures

Instructor Details

Gihan Akalanka

Gihan Akalanka

Freelance Web Developer / Designer

Hi there, 

I'm a freelance Web Developer/Designer and Digital Marketer. I'm specialized in website/landing page design, development, and building brands on social media.

My goal is to teach how to create a website that has the capability to bring your business to the next level by optimizing the website and teaching how to build an audience on social media.

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
People having fun around a laptop

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
People having fun around a laptop

Talk to us