How to design a landing page with Figma

Tutorial Overview

  • 1 — How to design the header element of the landing page
  • 2 — How to design the features element of the landing page
  • 3 — How to design the testimonials element of the landing page
  • 4 — How to design the call to action element of the landing page
  • 5 — How to design the footer element of the landing page

Prerequisites

Iconify

Unsplash

Map Maker

Content Reel

Essential Ui

Preparing for this Tutorial

Before you go

--

--

--

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

Landing page optimization

Behind The Scenes Of Scaling Research Operations At Proposify

Design Thinking Process For Air New Zealand.

Ownership in Product Design

There’s a world out there — a UI case study

Switching Career to User Experience Design

Picking the Best Fonts in Web Design — Web Design

Understanding AQUASIGN’s product guarantee (the facts)

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

Create a new Figma grid style

Moneybox Design: Transitioning to Figma

10 Figma Plugins That Offer Realistic Content for Your Designs

Interactions in Figma — Modal