Figma Tutorial — How to design a landing page for your course

To design a Landing Page with Figma, you don’t have to be an expert in Figma. In fact, you can create a Landing page design in no time at all using the Theme Composer Figma plugin.

In this quick tutorial, we’ll use the Theme Composer Figma plugin to show you how to create a landing page, customize it, and covert it to HTML/CSS code.

We’ll create an Course landing page and here’s a sneak peek at what the finished design will look like.

To be able to design this landing page, we’ll see how to :

  • Generate a landing page design with the Theme Composer plugin.
  • How to add our text and images content to the landing page.
  • We’ll also see how to edit the color palette of the landing page.
  • And lastly, we will convert our landing page to a responsive HTML code.

Let’s get started.

Video Tutorial:

Before you go

Feel free to visit our website captain-design.com where we are sharing generously, ready for commercial use Figma and HTML templates.

You’ll find three things to help you kickstart your next project’s design :

Originally published at https://www.captain-design.com on November 25, 2021.

--

--

--

Figma Landing Page’s Design Resources Colors palettes, Typography Styles and ready to use Components. https://www.captain-design.com/

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Select the very best mattress foryou https://t.co/Xkx4DzlhEF

Disabled people spoke about their benefits and requirements on autonomous cars

Designing for addressing customer grievances

How to Create a Strong Unique Selling Proposition for Your School

Accessible Design for the Aging population — 5 ways to make an Android phone more usable.

How to Create Your Own Animation

Practicality and Comfort Choosing a Bathroom Accessory Set

Practicality and Comfort Choosing a Bathroom Accessory Set

Different Tips for Aspiring Costume Designers

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Raouf Belakhdar

Raouf Belakhdar

Figma Landing Page’s Design Resources Colors palettes, Typography Styles and ready to use Components. https://www.captain-design.com/

More from Medium

Moneybox Design: Transitioning to Figma

How to create component’s variants in Figma

Minimalistic design system for Figma

Top 5 Figma plugins: 2022