Become an affiliate and earn up to 35%
You can participate in Setproduct partnership program and earn up to 35% from every sale you made. We provide promo materials and detailed instructions how to boost the conversion
We used to reply ASAP
Hire Setproduct professionals for your project
We'll take any of our Figma design systems, adjust with your brand guidelines, create all the additional custom templates, and code a web application based on React, Angular, Vue or etc.
How to reach you out?
Type of job
Select design system
Whats your approximate budget?
URL (optional)
We used to reply ASAP
Looking for a custom design based on our Figma templates? We are ready to customize any of our UI kit personally for you and create custom design based on your brief, wireframes, outdated UI or online call. Please, fill the form below or drop us a line at hello@setproduct.com
Your e-mail
Pick a design system for your project
Pick a project size
Describe in a few words (optional)
For browser-based applications
For iOS & Android mobile apps
Whats your budget, USD
Please, provide the approximate number. The total price depends on the amount of templates in your order
1000
10000

Figma web templates to create HQ landing pages

Web design kit

FIGMA DESIGN LIBRARY • 140+ WEB DESIGN BLOCKS • LIGHT & DARK THEMES
Figma templates web design
Figma web design template
Figma web ui kit
Figma website template
Ready to use Figma web design library to design eye-catching pages

140+ blocks with popular patterns

Popular web design patterns for a website
Colors and Fonts are easy to customize. Attach any of guidelines and start

Adjustable text and color styles

Every UI item is labeled, constrained and scalable to any resolution

Will-organized and constrained

Organized web design library for Figma
Two themes available. Create dark, light or mixed landing pages

Light and dark web templates

Light and dark web design templates
Figma color & text styles
13 categories: Hero covers, Navigation, Product features, Cards, Tables, Call to action, Pricing plans, Forms, Image grids, Testimonials, FAQ, Footers, Roadmap, Calculator, Code snippet and more.

140+ web design blocks

FITS TOGETHER LIKE A PUZZLE. BASED ON 24PX GUTTERS GRID

You'll spend just an evening to build a landing page, because this library contains everything you need. Fonts available as text styles. Colors are easy to customize.

Landing pages samples

WEBSITES WHICH MADE OF BLOCKS INCLUDED IN THIS DESIGN KIT

Landing page template for application Landing page template for agency Landing page template for service
This system is properly named and ordered. Each UI component comes with resizing constraints set correctly. You will discover a lot of blocks which fit together.

Organized web design kit

Landing pages reusable templates kit based on most effective web design patterns.140+ dark & light constrained design blocks. Fits together like a puzzle. Based on 24px gutter grid. A serious collection of trendy and frequent web design patterns

Light & Dark themes

WEBSITES WHICH MADE OF BLOCKS INCLUDED IN THIS DESIGN KIT

Get started now!

Use this well-crafted Figma web design libraries to build awesome websites.
Going to pick both products? Buy a bundle
Website templates UI kit
$86
Landing pages reusable templates kit based on most effective web design patterns. 140+ dark & light constrained design blocks
Preview in Figma

Purchase
Landing pages UI kit
$86 $60
Check out our this web design system, if you're looking for more variants to build landing pages

Preview in Figma

Purchase
Questions and Answers
How to start with this design system?
After the successful purchase via Gumroad (it's safe and encrypted) you will be taken to a download page. You will also get the download link in your email (check the SPAM folder sometimes). Then just simply drag and drop .FIG file onto your Figma app. Do not drop it onto the project. Drop it over the starting screen with recent projects grid.
I am new to Figma. Should I try your kits?
Definitely! Suddenly, we've discovered a lot of purchases by customers who learning Figma from scratch. By exploring and studying commercial UI kits you learn how the components and layouts were crafted, which styles being used and which styling tricks have been applied.
I am banned at Google. How to import your kits?
Which license type should I choose?
You must select the proper license type according to the number of users in Figma if you're purchasing our product for the business.

Business license — for startups or enterprise organizations to use for a local team or publish in Figma library
Individual license — for freelancers, indie developers, or solopreneurs working on a single project
Can I build commercial projects with this design system?
Yes! You can build unlimited amount of commercial or personal projects with your license. But, please, consider your organization size while picking a license.
I ❤ your designs, but can I have a discount?
Due to the quality and detailzation, our products may look too expensive for somebody. We do understand! Just drop us a message with a short story about how you plan to use our product and we will give you a ✨30% off coupon for a Single/Individual license (only) for any single UI kit you'll pick!
I have a project. Can I hire you?
We're open-minded to your custom design & development projects. We can create complex templates based on our Figma libraries and code them in React / Angular / Vue or Flutter.

If you have a project to design & develop, simply contact us describing your brief, budget (we charge $60+ hourly), and expectations.