Open one of these files and most of the page is already there. The frames, components, text styles and color styles for a single marketing page come built, so you spend your time editing a layout instead of drawing one.
Free files mostly live on Figma Community. Paid ones turn up on marketplaces such as UI8 and Envato Elements, or on vendor shops like SetProduct and BRIX Templates.
The license is what decides whether you can actually ship the thing. Free Community files fall under CC BY 4.0, which allows commercial use but requires credit to the creator (Figma Help Center, 2026). Paid files add limits on seats, projects and resale.
Figma Landing Page Templates
These files are built around conversion blocks, so look at the section order first and the styling second.
Minimal Landing Page Design | Agency Website UI
Clean, minimal design perfect for design agencies and creative studios. Focuses on showcasing work and services without visual clutter. Professional layout that builds trust with potential clients.
Positivus Landing Page Design
Modern marketing agency landing page with bold colors and engaging layout. Includes sections for services, testimonials, and case studies. Perfect for digital marketing and advertising agencies.
Whitepace – SaaS Landing Page
Professional SaaS landing page with clean design and clear value proposition. Includes pricing tables, feature highlights, and customer testimonials. Perfect for software companies and startups.
Have you seen the latest Figma statistics?
Discover comprehensive Figma statistics including revenue growth, market share, user demographics, and funding data.
Check them out →MNTN – Landing Page
Modern mountain-themed landing page with outdoor aesthetic. Great for adventure companies, travel agencies, and outdoor gear brands. Bold imagery and typography create strong visual impact.
Travel Website Landing Page
Travel-focused landing page with destination imagery and booking elements. Includes search functionality, featured destinations, and travel deals. Perfect for travel agencies and booking platforms.
Landing Page Kit – 13 Landing Pages Collection
Comprehensive collection of 13 different landing page designs. Covers various industries and use cases. Perfect for designers who need multiple options and inspiration.
Free Figma Website Landing Pages – Startup App
Startup-focused landing page designs for app launches. Modern, tech-savvy aesthetic with focus on product features and benefits. Includes app store links and download buttons.
Brainwave.io – Landing Page UI Kit
AI and tech-focused landing page with futuristic design elements. Perfect for artificial intelligence companies and innovative tech startups. Includes multiple page variations and components.
Saas Landing Pages
Collection of 100+ SaaS landing page designs focused on conversion optimization. Various styles and layouts for different software products. Perfect for converting visitors into customers.
FoodWagon Food Delivery Landing Template
Food delivery platform landing page with restaurant listings and ordering features. Includes search functionality, restaurant cards, and delivery tracking. Perfect for food delivery apps.
16 FREE LANDING PAGE DESIGN
Collection of 16 different landing page designs covering various industries. Multiple styles from minimal to bold. Good variety for different business needs and preferences.
Serendale.ai – AI Blockchain Hero Exploration
AI and blockchain focused landing page with modern tech aesthetic. Perfect for cryptocurrency projects and AI startups. Features complex data visualization and modern design elements.
35 Modern Heros with Gradients and Mockups
Collection of 35 hero sections featuring gradient backgrounds and device mockups. Modern design trends with vibrant colors. Perfect for tech companies and app showcases.
Website Pricing Tables | BRIX Templates
Professional pricing table components for SaaS and subscription businesses. Multiple layouts and styles for different pricing strategies. Easy to customize for any product or service.
Panto – Furniture Landing Page Design
Elegant furniture landing page with product showcases and modern aesthetic. Perfect for furniture stores and interior design companies. Clean layout that highlights product photography.
65+ Real Estate Website Templates
Comprehensive collection of real estate landing pages. Includes property listings, search functionality, and agent profiles. Perfect for real estate agencies and property platforms.
Multi-step Form Figma Template | BRIX Templates
Professional multi-step form designs for complex data collection. Includes progress indicators and validation states. Perfect for onboarding flows and detailed applications.
Login Page
Clean, modern login page designs with various authentication options. Includes social login, forgot password, and signup variants. Professional appearance for web applications.
Online Learning Landing Page
Educational platform landing page with course listings and learning features. Perfect for online education companies and course platforms. Includes student testimonials and course previews.
Real Estate Business Website UI – Dark Theme
Dark-themed real estate landing page with modern aesthetic. Features property search, listings, and agent information. Professional design for luxury real estate markets.
Digital Agency Website UI – Dark Theme
Dark-themed digital agency landing page with portfolio showcase. Modern design perfect for creative agencies and design studios. Includes case studies and service offerings.
Fintech Dashboard
Financial technology dashboard with data visualization and analytics features. Perfect for fintech companies and banking applications. Professional design with clear information hierarchy.
SaaS Futuristic App – Webflow Landing Page
Futuristic SaaS landing page designed for Webflow implementation. Modern tech aesthetic with animations and interactive elements. Perfect for innovative software products.
E Learning Site
Comprehensive e-learning platform with course management and student features. Includes lesson layouts, progress tracking, and certification systems. Perfect for educational technology companies.
SaaS Landing Page Template – HTML Export Ready
SaaS landing page optimized for HTML export and development handoff. Clean code structure and development-friendly design. Perfect for rapid deployment and implementation.
MobileApp Landing Page Template
Mobile app showcase landing page with app store integration. Features app screenshots, reviews, and download buttons. Perfect for mobile app marketing and user acquisition.
OTT Dark Theme Website UI for Media Streaming
Over-the-top media streaming platform with Netflix-style interface. Dark theme design with video content organization. Perfect for streaming services and entertainment platforms.
Sports News Websites
Sports news platform landing pages with live scores and article layouts. Perfect for sports media companies and news organizations. Dynamic layout for real-time content updates.
Travellian – Travel Agency Landing Page
Travel agency landing page with destination showcases and booking functionality. Includes travel packages, testimonials, and destination guides. Perfect for travel service providers.
TOP 50 WEBSITES
Collection of 50 top website designs across various industries. Inspiration gallery with current design trends and best practices. Perfect for studying successful web design patterns.
Virtual Reality Landing Page Concept
VR-focused landing page with immersive design and 3D elements. Perfect for virtual reality companies and gaming platforms. Modern tech aesthetic with interactive features.
Best Websites of 2023 – Webflow
Curated collection of best website designs from 2023. Showcases current trends and award-winning designs. Perfect for inspiration and competitive analysis.
AI Blog Website UI – Dark Theme
AI-focused blog platform with dark theme and modern typography. Perfect for AI companies and tech blogs. Clean reading experience with article organization features.
INWOOD – eCommerce Landing Page
Furniture eCommerce landing page with product catalogs and shopping features. Elegant design perfect for high-end furniture and home decor brands. Includes product filtering and cart functionality.
20+ Free Fully Editable Websites
Collection of 20 complete website designs across various industries. Fully editable templates ready for customization. Perfect for rapid website development and client projects.
Website Footers | BRIX Templates
Professional footer designs with various layouts and information architectures. Includes newsletter signups, social links, and site navigation. Essential components for complete websites.
Bentolio | Portfolio Design Template
Modern portfolio landing page with bento-box layout and creative showcase. Perfect for designers, agencies, and creative professionals. Unique grid-based design approach.
Hotel Website Wireframe Design
Hotel booking platform wireframes with reservation system and room showcases. Perfect for hospitality industry and booking platforms. Includes guest services and amenity information.
modimal – Women Clothing Website
Fashion eCommerce landing page designed for women’s clothing brands. Elegant design with product showcases and shopping features. Perfect for fashion retailers and clothing brands.
75+ Car Dealer Website Templates
Comprehensive collection of automotive dealer websites. Includes vehicle listings, financing options, and dealer information. Perfect for car dealerships and automotive marketplaces.
20 Fully Editable Hero Sections
Collection of 20 hero section designs with various styles and layouts. Perfect for landing page headers and website introductions. Easy to customize for any brand or message.
MyCourses.io – Course Website
Online course platform with lesson management and student progress tracking. Perfect for educational technology companies and online instructors. Comprehensive learning management features.
Master No-Code Web Design with Framer
Educational landing page about no-code web design tools. Perfect for design education and tool documentation. Clean layout with step-by-step learning progression.
Landing Page Hero Section Templates Collection
Focused collection of hero section designs for landing pages. Various styles from minimal to bold with different messaging approaches. Perfect for A/B testing different hero concepts.
Website Hero Sections | BRIX Templates
Professional hero section components with various layouts and call-to-action designs. High-conversion designs tested across different industries. Perfect for optimizing landing page performance.
What Is a Figma Landing Page Template, and How Does It Differ From a UI Kit?
Everything in the file points at one landing page with a single job, like sign-ups, a launch or a waitlist. SetProduct’s landing page library, for example, gives every template a desktop and a mobile variant (SetProduct, 2026).
You get frames for each page, reusable components and text and color styles. Newer files add variables too. Put together, they behave like a small design system, so restyling doesn’t mean redrawing sections.
People use the word “template” loosely. A landing page template means complete pages you can edit and ship. UI kits are component libraries (buttons, forms, navigation) with few or no finished pages, and wireframe kits hand you structure with no brand styling, meant to be restyled. Then there are Figma Sites templates, which are site files built for publishing straight from Figma. Every new Sites file offers them in its template picker.
Figma Sites files are a separate file type from Figma Design files, although Community hosts both. You can paste frames from a Design file into a Sites file, but the two types are not interchangeable (Figma Help Center, 2026).
Several roundups ranking for this topic list UI kits right next to finished pages. A download labeled “landing page template” sometimes turns out to be a component library.
Where to Find Figma Landing Page Templates
Free files come from Figma Community. Paid ones come from marketplaces (UI8, Creative Market, Envato Elements) or from single-vendor shops like SetProduct and BRIX Templates. Where a file comes from sets its price model, its license and, roughly, how good it is.
Figma Community
Community is the free route, and Figma curates part of it. The landing page gallery on figma.com/templates points to free files, including a builder kit with light and dark modes (Figma, 2026).
Paid files exist on Community too, but the creator help page says Figma is currently not approving new creators to sell them. Sellers who are not already approved sell elsewhere.
Paid Marketplaces
UI8 sells design Items under a multi-use license that covers several projects but bans resale (UI8 licensing page, 2026).
On Creative Market, independent sellers list landing page files, and each listing states what ships. One example is a single main page with 1440px desktop and 402px phone frames and no images.
Envato Elements works as a subscription library. Each download is licensed for one project, and the template has to be customized.
The cost model differs across the three, whether per product, per listing or monthly. Pick on how many pages you expect to ship, not on the sticker price.
Vendor Kits and Wireframe Libraries
Single-vendor shops sell polished kits straight from their own site. SetProduct sells Zeus UI Kit through Gumroad. BRIX Templates sells Figma templates through Community and its website, and it also publishes a free Figma freebies collection.
Wireframe-first libraries start earlier in the process. Relume generates sitemaps and wireframes from prompts, built on more than 1,000 human-designed components, and integrates with Figma and Webflow (TechRadar, 2024).
TechRadar’s review called Relume expensive for unlimited use, and published plan prices differ between reviews, so confirm on Relume’s own pricing page.
Which Figma Landing Page Templates Are Worth Using?
No single file wins. The right pick depends on the job: many page types, a design-system base, publishing from inside Figma, or a quick first draft.
Zeus UI Kit for Agencies and Repeat Work
SetProduct’s own page lists 10 pre-designed landing pages, 630+ web blocks and 1600+ variants of 16 components, sold as a one-time $98 purchase (SetProduct, 2026).
The page types cover newsletter, agency, SaaS, app, blog, finance, NFT, portfolio, product and restaurant.
Auto layout, color tokens and font styles are built in. There’s a free preview file, so you can test before buying, and commercial projects are unlimited.
The license is priced by user count, individual or business, which is worth checking before you buy for a team. And with 630 blocks, expect to prune whatever you will not use.
Untitled UI as a Base for SaaS Pages
Untitled UI is a design system first and a template second.
Its PRO kit ships in three versions (Variables, Styles and Lite), all updated for Auto Layout 5.0, and dark mode runs on color variables. It is a pay-once purchase with updates included, according to the Untitled UI site.
You get tokenized styles, variables for theming and page examples to start from. The full kit is large, though, and Untitled UI itself advises deleting unused components at the start of a project (the Lite version exists for smaller jobs).
Figma Sites Templates for Publishing From Figma
Every new Sites file opens with a template picker, and you can copy any Sites file from Community (Figma Help Center, 2026).
Pre-built blocks come with auto layout already applied, and frames pasted from a Design file keep their layouts and typography.
The catch is publishing. It needs a paid plan, the Education plan includes one published site, and a free Starter plan has to upgrade before the page goes live.
Free Community Files for a First Draft
A free file suits a test page or a rough layout you plan to rebuild.
Line25’s 2026 guide warns that a poorly built free file can slow you down more than starting from scratch, so the structure check below matters here most.
| Pros | Cons |
|---|---|
| No cost | Credit to the creator is required |
| CC BY 4.0 allows commercial use | Structure varies from file to file |
| Duplicates straight into your drafts | Your copy never receives the creator’s updates |
What Does the License Allow?
Free Community files allow commercial use as long as you credit the creator. Paid files and vendor kits add limits on seats, projects and resale (Figma Help Center, 2026).
| License | Scope | Main limit |
|---|---|---|
| Community free file (CC BY 4.0) | Any purpose, commercial included | Credit the creator |
| Community paid file | Unlimited outputs, up to 5 editors | Output must differ significantly; no resale |
| BRIX Templates commercial license | One end product, yours or one client’s | No resale, no unmodified portfolio use |
| UI8 license | Multiple projects | No resale, no derivative templates sold |
| Envato Elements license | One project per license | Active subscription needed to download new items |
Figma’s paid license lets a buyer share the file with up to 5 editors and use it in unlimited outputs, provided each output differs significantly from the file and does not take its main value from it.
Vendor terms run stricter. BRIX Templates limits one commercial license to a single end product and bars showing the unmodified template in a portfolio.
Envato last revised its Elements License on December 8, 2025, and completed projects stay covered after a subscription ends.
The sources don’t fully agree on attribution. Figma’s own page makes credit mandatory on free files, while roundups such as Line25’s 2026 guide only say to check the file description for commercial use and skip attribution.
Both can hold at once. Figma says creators may add other license types on top of CC BY 4.0, so a file description can tighten the terms, and you should read it before client work.
How to Judge a Template’s Quality Before You Duplicate It
Sections, components, auto layout and style setup each decide how much editing costs you later, so look at them before you duplicate anything.
A solid file includes most of these sections.
- Hero
- Client logos
- Features
- Testimonials
- Pricing
- FAQ
- Call to action
- Footer
Zeus UI Kit’s block list (navigation, hero, features, pricing, testimonials, logos, team, blog, FAQ, CTA, footer) is a fair baseline for any kit.
Buttons, inputs and cards should all be reusable components with variants. Flat ungrouped shapes instead of components in Figma make every edit manual, as Line25’s 2026 guide points out.
Select a section frame and look for the auto layout controls in the right panel. A section without them breaks the moment you swap a headline for a longer one.
Then look at the styles. Named color styles and text styles are the minimum, and color variables let you switch brand colors or light and dark modes in one place.
Fonts and images get checked last. Creative Market landing page listings, for instance, state that preview images are placeholders and that fonts must be installed before editing.
If a file fails two of these, walk away.
How to Customize a Figma Landing Page Template
Do the styling before the content. A change to a variable or a text style reaches every section, while the same change made layer by layer has to be repeated everywhere.
- Duplicate the file. The copy lands in your drafts with “(Community)” added to its name, and the original’s version history, comments and permissions stay behind.
- Edit the color variables and text styles first, so the brand palette and type scale reach every instance.
- Install the template’s fonts before editing, or swap the text styles to a typeface you are licensed to use.
- Replace headlines, logos and placeholder images, then delete the sections you will not ship.
- Test contrast. Body text needs a 4.5:1 ratio against its background, and large text needs 3:1 (W3C, WCAG 2.2 Success Criterion 1.4.3).
- Rename pages and frames so the handoff stays readable.
Variables do the heavy lifting in step two. If you have not used variables in Figma before, start with one color collection and add spacing later.
Variable modes, the feature behind light and dark versions, are listed for Education, Professional, Organization and Enterprise plans, and the mode count per collection depends on the plan. On a Starter account, a dark version means duplicating frames and recoloring each fill, as Figma’s own help page describes.
Fonts raise a license question as well as a layout one. Before a client page ships, add fonts to Figma that you hold the rights to use.
How to Set Up Responsive Layouts in a Template
Design the primary breakpoint first, add tablet and mobile, and let auto layout reflow the content. In Figma Sites, every edit to the primary breakpoint cascades to the secondary ones.
The breakpoint menu comes with these presets.
- Desktop at 1280px
- Tablet at 800px
- Mobile at 375px
Figma’s help pages also let you enter a custom width, which is how you match a template drawn at a different desktop size. When you change one breakpoint’s width, its neighbors adjust the range they cover.
The cascade is responsive design with one source of truth. Change the primary breakpoint and the others follow, unless you override them.
A few things usually earn an override on the secondary breakpoints.
- Type sizes
- Hover effects, since touch screens have no hover (Figma suggests a press effect on mobile)
- Padding on narrow content areas
Text styles can carry a different font size, line height, letter spacing and paragraph spacing per breakpoint, and by default a style looks the same at every width. Set those values once and responsive typography follows the breakpoint.
Name component variants after the breakpoints (Desktop, Tablet, Mobile) and Figma drops the matching variant into each one automatically.
A template drawn as separate desktop and mobile frames in a Design file has no breakpoints until its frames are pasted into a Sites file.
How to Publish a Template as a Live Landing Page
You can publish from Figma Sites, hand off through Dev Mode, convert with a design-to-code plugin, or rebuild in Framer or Webflow. Which one fits depends mostly on whether a developer is involved.
| Route | Output | Constraint | Best for |
|---|---|---|---|
| Figma Sites | Hosted page, figma.site or custom domain | Custom domain needs a paid plan | Single pages, no developer |
| Dev Mode handoff | Specs, assets, code snippets | Full or Dev seat, not on Starter | Teams with a developer |
| Anima or Locofy | React, Vue, Next.js or HTML code | Plugin account and framework settings | Custom code builds |
| Framer import | Editable site with CMS and hosting | Layers paste in through a plugin | Marketing sites edited often |
| Webflow app | Webflow site with synced variables | Figma plugin plus Webflow app | Teams already on Webflow |
On the Professional plan, Figma Sites connects up to 10 custom domains, while Organization and Enterprise have no cap (Figma Help Center, 2026). Education accounts publish to the default figma.site address only, according to Figma Community Support in August 2026.
That help page still carries beta-era wording about custom domains being free through 2025, so confirm current terms before promising a client a branded address.
Comparisons disagree on the CMS. Figma’s help pages document a Sites CMS with collections, CMS pages and CMS lists, and a Figma forum post dated November 20, 2025 announced its public beta. Older comparisons still say Figma Sites has no CMS, which was true before that beta. BRIX Templates’ comparison of Figma Sites and Webflow, updated in May 2026, now covers the CMS beta too, with its 200-item limit per collection.
Dev Mode requires a Full or Dev seat and is not available on Starter. Developers on a free View seat can still copy code, measure and export assets, per Figma’s help center.
For the inspection workflow itself, see our Figma Dev Mode guide.
Anima exports React, Vue or HTML with Tailwind CSS among the styling options, and its plugin captures Figma variables while the paste-a-link import does not (Anima docs).
Locofy exports React, Next.js or HTML and runs in both Design Mode and Dev Mode (Locofy docs).
If the goal is code rather than a hosted page, start with a walkthrough on how to turn Figma into code.
Framer’s Figma plugin copies frames and layers into Framer, where you refine breakpoints and publish with its CMS and hosting. Webflow’s official Figma to Webflow app converts Figma variables into Webflow variables, with px, em and rem units supported.
html.to.design runs the other way. It imports a live page into Figma as editable layers, which helps when the layout you want already exists as a published site.
When a Template Is the Wrong Starting Point
Skip the template when the page needs content structures the publishing route cannot hold, when the export adds more cleanup than the layout saves, or when you would replace more sections than you keep.
- The Figma Sites CMS caps a collection at 200 items while in beta (Figma Help Center, 2026), so a big catalog or archive needs a different route.
- Per-page SEO control is thin. Figma Sites sets meta descriptions at the site and page level, with no built-in unique description per CMS item (Figma Community Support, March 2026).
- Locofy’s own docs say exported Next.js or Gatsby code still needs further configuration, so budget developer time after export.
A practical test for the third case: if you are deleting more sections than you keep, you are rebuilding the page, and a UI kit or a blank Sites file is the faster start.
Customization has a ceiling too. A template gives you its layout logic along with its styles, and a brand that needs a different structure is better served by a design drawn for it.
Figma Landing Page Templates FAQ
Do I need a paid Figma plan to duplicate and edit a template?
No. Duplicating a Community file works on any plan, and all you need is a Figma account.
Plans matter later, since variable modes, Dev Mode and publishing from Figma Sites sit behind paid tiers.
Why is the Duplicate button missing on a Community file?
One documented cause is browsing Community as a team or organization admin, which blocks duplication. Switch to your own profile and try again (Figma Help Center).
Does my copy update when the creator updates the original file?
No. A duplicate is a new file, and changes to the original never reach it.
To get a newer version, duplicate the updated file again and re-apply your edits by hand.
How do I show only free templates in Community?
Search at figma.com/community, narrow the results to Files + templates, then open the price dropdown labeled Paid + Free and choose Free. Figma’s Community guide lists the resource-type filters, and Supademo’s 2025 walkthrough shows the price dropdown.
Can I resell a template after editing it?
Yes for free files, no for paid ones. Free CC BY 4.0 files can be shared and adapted for any purpose with credit to the creator, while paid Community files bar reselling the file.
BRIX Templates’ license does the same, yet it lets you sell the finished page you build from the template.
How do I add a dark mode to a template that has only one theme?
Bind the template’s fills to color variables, then add a second mode to that collection and enter the dark values. Figma copies the first mode’s values into the new column, so you only change what differs.
Variable modes are listed for Education, Professional, Organization and Enterprise plans.
What to Change First After the Page Goes Live
A page built from Figma landing page templates gets its first edit in the hero section, because a hero change reaches every visitor while a footer change reaches only those who scroll.
Edit one section per round, so a shift in sign-ups traces back to a single change. The trade-off is pace, since a page with six sections takes six rounds to tune.
The order I’d follow starts with the hero headline and button. Testimonials and client logos come next, then the pricing and sign-up form.
Wording inside a call-to-action is the cheapest change on the page, since it needs no new frames or components.
Figma’s Sites help pages still describe an open beta as of October 27, 2026, so a change in custom domain terms or CMS limits would change where the page should be published.
Many of his resources are available on various design marketplaces. Over the years, he's worked with a range of clients and contributed to design publications like Designmodo, WebDesignerDepot, and Speckyboy, Slider Revolution among others.
- How to Export Frames in Figma Without Losing Quality - November 12, 2026
- How to Export From Figma [Step-by-Step Guide] - November 10, 2026
- How to Update Figma the Safe Way - November 8, 2026
![How to Export From Figma [Step-by-Step Guide]](https://wpdean.com/wp-content/uploads/2026/10/how-to-export-from-figma-featured-sn-700x394.jpg)