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 Jun, 2025
Language - English
Development ,No-Code Development,Wordpress
Lectures -44
Resources -2
Duration -4 hours
Lifetime Access
Lifetime Access
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point 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!
Goals
- 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.
Prerequisites
- 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.
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
1 Lectures
-
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
Course Certificate
Use your certificate to make a career change or to advance in your current career.
Our students work
with the Best
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now