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
iOS & Android custom development
We'll take our iOS & Android Figma templates, adjust with custom styles, create necessary layouts, and turn the system into production-ready Flutter templates. You'll get powerful design & code system which help you to produce more layouts in future by minimal costs.
How to reach you out?
Your budget
URL (optional)
We used to reply ASAP
Material Design custom development
We'll take our Material & Dashboard Figma libraries, adjust with your brand guidelines, create all the additional necessary layouts, and turn the system into responsive web application based on React, Angular, Vue or etc.
How to reach you out?
Type of job
Your development budget
URL (optional)
We used to reply ASAP

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 fine websites
Figma web design templates Style 1
$86
Landing pages reusable templates kit based on most effective web design patterns. 140+ dark & light constrained design blocks

Preview in Figma

Purchase
Figma web design templates Style 2
$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
Which license type should I choose?
You must select proper license type according to the amount of employees in your company. If you're a freelancer or individual player - pick a Single license. If you're representing a small business with total amount of 2-10 employees - pick a Business license. For big companies with 11+ employees Enterprise license is the best fit.
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.
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.
How to avoid "File failed to import..." in Figma?
In some rare occasions, the import is finishing with an error. It's on Figma's side. Figma is sensitive to your machine GPU and RAM. For the first, try to re-import via the browser app. Yes! Figma works in the browser. Simply open figma.com, then sign in and drag and drop .FIG file again. For the second, if there's no effect, you can message us and we will send you a direct link for your copy, so you can duplicate it and start. Don't panic, you will get your system in any case!
Your design is awesome, but I need the code as well...
We're open minded for your development inquires. If you're looking for a front-end solutions based on our design products, simply drop us a line describing your preferences and budget. We can code for React, Angular and VUE.