2.71 out of 5
2.71
7 reviews on Udemy

Figma to WordPress: Learn to Design and Build Website

Learn how to design a modern portfolio website in Figma from scratch and convert it to WordPress website.
Instructor:
Gihan Akalanka
135 students enrolled
English [Auto]
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

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!

Introduction

1
Introduction

Figma Basic

1
Pros and cons of Figma design tool
2
Create a Figma account and walkthrough
3
Figma frame and grid

First Design

1
Create sample hero section
2
Add colors and background image
3
Create different hero sections

First Project

1
Understand the project scope

check images.zip file to get all the images/screenshots that we use in this course

2
Find designs inspirations to create mood board
3
Create the mood board
4
Arrange selected mood board designs to single frame
5
Create a mood board for web design client : bonus video
6
Select typography and colors
7
Create Figma library

Design Website

1
Design main menu

Check content.docx file to find details about the project design

2
Design the hero section
3
Create the achievement section
4
Design the about section
5
Create the experience section
6
Add service section
7
Create the testimonials section
8
Add Font Awesome icons plugin
9
Add contact section
10
Create footer section
11
Adjust layouts of website

Setup WordPress website

1
Get Free Hosting and Install WordPress
2
Cleanup wordpress website
3
Install theme and plugins

Convert Figma design to WordPress website

1
Design figma hero section using elementor
2
Add Content to Hero Section
3
Adjust the Positions

Build the Portfolio Website

1
Design the Menu
2
Configure the Home Page Section
3
Build the Hero Section Part 01
4
Build the Hero Section Part 02
5
Fix Hero Image Issue
6
Create My Info Section
7
Create About Me Section
8
Design My Experience Section
9
Design Services Section
10
Design Testimonial Section
11
Build Contact Section
12
Design Footer Section
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
2.7
2.7 out of 5
7 Ratings

Detailed Rating

Stars 5
1
Stars 4
1
Stars 3
2
Stars 2
1
Stars 1
2
e427231f543f8afcaee040db386f208d
FREE For First 1000 Enrolls

Includes

4 hours on-demand video
Certificate of Completion

External Links May Contain Affiliate Links read more

Join our Telegram Channel To Get Latest Notification & Course Updates!
Join Our Telegram For FREE Courses & Canva PremiumJOIN NOW