DEV Community

raoufbelakhdar
raoufbelakhdar

Posted on • Originally published at raouf-belakhdar.Medium on

1

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

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.

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more