Figma to WordPress: Learn to Design and Build Website
- Description
- Curriculum
- FAQ
- Reviews
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!
-
8Understand the project scopeVideo lesson
check images.zip file to get all the images/screenshots that we use in this course
-
9Find designs inspirations to create mood boardVideo lesson
-
10Create the mood boardVideo lesson
-
11Arrange selected mood board designs to single frameVideo lesson
-
12Create a mood board for web design client : bonus videoVideo lesson
-
13Select typography and colorsVideo lesson
-
14Create Figma libraryVideo lesson
-
15Design main menuVideo lesson
Check content.docx file to find details about the project design
-
16Design the hero sectionVideo lesson
-
17Create the achievement sectionVideo lesson
-
18Design the about sectionVideo lesson
-
19Create the experience sectionVideo lesson
-
20Add service sectionVideo lesson
-
21Create the testimonials sectionVideo lesson
-
22Add Font Awesome icons pluginVideo lesson
-
23Add contact sectionVideo lesson
-
24Create footer sectionVideo lesson
-
25Adjust layouts of websiteVideo lesson
External Links May Contain Affiliate Links read more