Figma to WordPress- Learn to Design and Build Website

Figma to WordPress: Learn to Design and Build Website, available at $39.99, has an average rating of 4.29, with 43 lectures, based on 298 reviews, and has 31645 subscribers.

You will learn about 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 This course is ideal for individuals who are Freelancer or individual web design who likes to start a web design journey. or Anyone who likes to design their own custom portfolio website. or Anyone who like to convert Figma Design to WordPress website It is particularly useful for Freelancer or individual web design who likes to start a web design journey. or Anyone who likes to design their own custom portfolio website. or Anyone who like to convert Figma Design to WordPress website.

Enroll now: Figma to WordPress: Learn to Design and Build Website

Summary

Title: Figma to WordPress: Learn to Design and Build Website

Price: $39.99

Average Rating: 4.29

Number of Lectures: 43

Number of Published Lectures: 43

Number of Curriculum Items: 43

Number of Published Curriculum Objects: 43

Original Price: $19.99

Quality Status: approved

Status: Live

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

Who Should Attend

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

Anyone who likes to design their own custom portfolio website.

Anyone who like to convert Figma Design to WordPress website

Target Audiences

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

Anyone who likes to design their own custom portfolio website.

Anyone who like to convert Figma Design to WordPress website

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!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Figma Basic

Lecture 1: Pros and cons of Figma design tool

Lecture 2: Create a Figma account and walkthrough

Lecture 3: Figma frame and grid

Chapter 3: First Design

Lecture 1: Create sample hero section

Lecture 2: Add colors and background image

Lecture 3: Create different hero sections

Chapter 4: First Project

Lecture 1: Understand the project scope

Lecture 2: Find designs inspirations to create mood board

Lecture 3: Create the mood board

Lecture 4: Arrange selected mood board designs to single frame

Lecture 5: Create a mood board for web design client : bonus video

Lecture 6: Select typography and colors

Lecture 7: Create Figma library

Chapter 5: Design Website

Lecture 1: Design main menu

Lecture 2: Design the hero section

Lecture 3: Create the achievement section

Lecture 4: Design the about section

Lecture 5: Create the experience section

Lecture 6: Add service section

Lecture 7: Create the testimonials section

Lecture 8: Add Font Awesome icons plugin

Lecture 9: Add contact section

Lecture 10: Create footer section

Lecture 11: Adjust layouts of website

Chapter 6: Setup WordPress website

Lecture 1: Get Free Hosting and Install WordPress

Lecture 2: Cleanup wordpress website

Lecture 3: Install theme and plugins

Chapter 7: Convert Figma design to WordPress website

Lecture 1: Design figma hero section using elementor

Lecture 2: Add Content to Hero Section

Lecture 3: Adjust the Positions

Chapter 8: Build the Portfolio Website

Lecture 1: Design the Menu

Lecture 2: Configure the Home Page Section

Lecture 3: Build the Hero Section Part 01

Lecture 4: Build the Hero Section Part 02

Lecture 5: Fix Hero Image Issue

Lecture 6: Create My Info Section

Lecture 7: Create About Me Section

Lecture 8: Design My Experience Section

Lecture 9: Design Services Section

Lecture 10: Design Testimonial Section

Lecture 11: Build Contact Section

Lecture 12: Design Footer Section

Instructors

Gihan Akalanka
UI/UX Designer for mobile apps and websites

Rating Distribution

1 stars: 13 votes

2 stars: 13 votes

3 stars: 51 votes

4 stars: 86 votes

5 stars: 135 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

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!