Online Video Course

Design Better WordPress websites with Figma

Learn the Figma-first workflow that makes your WordPress websites stand out from the rest.

Get instant access

  • 30 Days Money Back Guarantee
Enroll

Introduction

What this course is really about

This course teaches you how to design websites the way professionals do, with a clear process instead of guesswork.

Many WordPress designers struggle not because they lack talent or a designer’s eye, but because they jump straight into building. They start in Elementor, look for inspiration, copy bits and pieces, and then get stuck in endless client feedback rounds. This course shows you a better way.

You’ll learn a design-first workflow that starts with understanding the problem, structuring the website, defining a clear visual direction, and then designing the full layout with confidence. Not by following trends, but by making good design decisions based on the brand you are designing for.

Even though you will learn Figma in this course, this is not just a Figma tool course. The main focus is the design process and core design principles, because those are what actually make the biggest impact on your work.

By the end, you’ll have a repeatable workflow, stronger designs, and far fewer revision rounds with clients. 

Old way

  • Not knowing how to come up with a good design and lacking inspiration
  • Wanting to work with Figma but not knowing where to get started
  • Endless client feedback leading to loss of time and motivation

New way

  • Always having inspiration and knowing what steps to take
  • Knowing how to create beautiful designs in Figma and feeling proud
  • Saving time and minimizing revisions by having a clear process

What’s Included

A complete package

Design Course Preview3

Lifetime access to the Course

Learn at your own pace with full lifetime access to all course materials, neatly organized for easy use on your personal account.

Plus Community Preview3

Lifetime access to the community

You will get access to the main LivingWithPixels community, a place where we help each other out and share ideas.

Bonus Example Project2

Hands-On Figma Practice Project

Apply what you’ve learned by designing a website step-by-step with Rino in Figma and walk away with 1 new portfolio item.

Bonus Clientquestionnaire

Essential Client Questionnaire

Get Rino’s tried-and-tested client questionnaire document to ask the right questions for every project.

Bonus Client Email Templates

Client email templates for each step

Get email templates for all steps in the design process so you can guide your client professionally.

Bonus Inspirationlist

Rino’s Inspiration & Creative Asset List

Discover Rino’s go-to resources for inspiration, including top websites, fonts, images, icons, and more.

Learn how to

Bring your vision to life

Menu
Logo Slider
Text Left
Scribble1
Scribble2
Blob
Image Card
Image Dude
MacBook V1

Preview

What you'll learn

Chapter 1

Getting into the Right Mindset

Chapter 1 is designed to remove any mental blocks you might have which are holding back your creativity and confidence while designing.
Chapter 1
Chapter 2

Why we struggle so much

In chapter 2 we will dive into the theory on why we struggle with: finding inspiration, client feedback and chaotic workflows.
Chapter 2
Chapter 3

The Professional Design Workflow

Chapter 3 is a birds-eye-view of the professional designers workflow, where you will discover the power of the 4 design phases.
Chapter 3
Chapter 4

Best practices for Web Design

In chapter 4 you will learn a lot about design fundamentals like colors, fonts, spacing and how these principles translate into real websites.
Chapter 4
Chapter 5

Designing 1 website together with Figma

After you know everything you are ready to open Figma and design one project together with Rino, with a smooth workflow you just learned.
Chapter 5
Bonus Chapter 6

Streamlining Your Workflow

The last chapter will give you tips and tricks to improve your workflow further and we will talk about taking your Figma design to the web with development.
Bonus Chapter 6

Get Instant Access

  • The online video course
  • The course bonuses
  • The main online community
  • Ability to upgrade to the Pro community
Social Proof EL Course

Trusted by 350+ students

Today for

$347

  • Secure Payment
Buttons Popular Payment Systems Masetcard Visa Apple Pay Google Website Rectangular Rounded Edges Vector 220153006 Removebg Preview
Enroll in course
30 Day Money Back

(Discount field is on the next page. Pricing may change as the course evolves.)

FAQ

Any questions?

How long will I have access to the course?

You get lifetime access to the course. 

Yes. When Figma rolls out changes that are relevant to the course then we will update the course.

No problem at all. If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a refund.

No, you can just use the free version of Figma since it offers unlimited draft files for free.

Yes, this course is beginner friendly. But we are teaching a professional workflow, so expect serious stuff.

It depends. Do you feel like your design skills could be improved? Your workflow is too chaotic? Or clients keep coming back with feedback? Then this course can help you a lot. 

Yes, we have an invoice generator. 

Yes, if you are from a third world country, you can contact us at courses@livingwithpixels.com and we will grant you a percentage off the purchase price.

Please just drop your questions on our email courses@livingwithpixels.com and we will answer as quickly as possible.

Please know we are a small company, so we don’t have a quick response time like bigger companies. Thank you for understanding. 

 

Test checkout

 

Reviews

What others say

Excellent
4.8
See our reviews on
Trustpilot