Figma Components

Use this Figma Component Library ready to be copy pasted directly into Figma. From Hero Headers to footers, find the best Figma components ready to be copy pasted into your project.

Loading...
Layout
Media Align
Columns
Element
Platform
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Feature Section 179
Copy
Feature Section 179
April 24, 2023
Feature Sections
two
center
buttons,tagline,multiple-images
buttons,tagline,multiple-images
text-center
figma,framer,webflow
Feature Section 180
Copy
Feature Section 180
April 24, 2023
Feature Sections
two
center
tagline,multiple-images
tagline,multiple-images
text-center
figma,framer,webflow
Feature Section 181
Copy
Feature Section 181
April 25, 2023
Feature Sections
two
center
tagline,multiple-images
tagline,multiple-images
text-center
figma
Feature Section 182
Copy
Feature Section 182
April 25, 2023
Feature Sections
two
tagline
tagline
text-center
figma,framer
Feature Section 183
Copy
Feature Section 183
April 25, 2023
Feature Sections
two
tagline
tagline
text-center
figma,framer,webflow
Feature Section 184
Copy
Feature Section 184
April 25, 2023
Feature Sections
two
background
buttons,icons,tagline,background-image
buttons,icons,tagline,background-image
text-center
figma,framer,webflow
Feature Section 185
Copy
Feature Section 185
April 25, 2023
Feature Sections
two
background
buttons,icons,tagline,background-image
buttons,icons,tagline,background-image
text-center
figma,framer,webflow
Feature Section 186
Copy
Feature Section 186
April 25, 2023
Feature Sections
two
background
buttons,icons,tagline,background-image
buttons,icons,tagline,background-image
text-center
figma,framer,webflow
Feature Section 187
Copy
Feature Section 187
April 25, 2023
Feature Sections
two
background
buttons,icons,tagline,background-image
buttons,icons,tagline,background-image
text-left
figma,framer,webflow
Feature Section 188
Copy
Feature Section 188
April 25, 2023
Feature Sections
two
background
buttons,icons,tagline,background-image
buttons,icons,tagline,background-image
text-left
figma,framer,webflow
Feature Section 189
Copy
Feature Section 189
April 25, 2023
Feature Sections
two
background
buttons,icons,tagline,background-image
buttons,icons,tagline,background-image
text-center
figma,framer,webflow
Feature Section 190
Copy
Feature Section 190
April 25, 2023
Feature Sections
two
background
buttons,icons,tagline,background-image
buttons,icons,tagline,background-image
text-center
figma,framer,webflow
Feature Section 191
Copy
Feature Section 191
April 25, 2023
Feature Sections
two
background
icons,tagline,background-image
icons,tagline,background-image
text-center
figma,framer,webflow
Feature Section 192
Copy
Feature Section 192
April 25, 2023
Feature Sections
two
background
icons,tagline,background-image
icons,tagline,background-image
text-center
figma,framer,webflow
Feature Section 193
Copy
Feature Section 193
April 25, 2023
Feature Sections
two
background
tagline,background-image
tagline,background-image
text-center
figma,framer,webflow
Feature Section 194
Copy
Feature Section 194
April 25, 2023
Feature Sections
two
background
tagline,background-image
tagline,background-image
text-center
figma,framer,webflow
- 500+ components for Webflow, Figma, Framer.
- 1000+ inspiration screenshots linked with components
Try Free Components

Figma Component Library

Figma component libraries help designers create and design their websites faster than ever. Using this free to start component library for Figma you can select the design you need and get started.
What Are Figma Components?

Figma components are reusable design elements within Figma. They include sections like hero headers, feature sections, cms headers, and items like buttons, icons, and input fields, which can be used across multiple designs for consistency.

Using Figma Components in Design Projects

Using components helps speed up the design process in Figma. If you can skip the process of creating the base for your design then you can get to market faster.

Who Typically Uses Figma Components?

UI/UX designers, product designers, and web designers commonly use Figma components to create and prototype digital products and websites efficiently.

How Do I Use Components in Figma?

Hover over the copy button and copy and paste the components your are looking for into your page using the Figma dashboard. You can then use your design system to apply your own branding to maatch the look and feel of your website.

Can Figma Components Be Integrated Webflow?

While Figma components can't be directly imported into Webflow, they play a crucial role in the design phase, which can then be replicated in Webflow during the development stage.

Can Figma Components Be Customized for Branding Needs?

Absolutely. Figma components are highly customizable, allowing designers to adapt them to fit specific branding guidelines, including colors, typography, and more.

Footer
Navbar
CTA Sections
Logo Clouds
CMS Header
Long Form Content
Marquees
Legal Sections
Team Sections
Banners
Pricing Sections
FAQ
Contact Sections
Testimonials
Gallery Sections
Headers
Feature Sections
Hero Headers
Rich Text
Dropdown
Accordion
List
Logos
Cards
Text Only
Background Image
Multiple Images
Icons
Image
Tagline
Forms
Buttons
Slider
Rich Text
Dropdown
Accordion
List
Logos
Cards
Text Only
Background Image
Multiple Images
Icons
Image
Tagline
Forms
Buttons
Slider
Open Modal

Heading goes here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

You need a membership in order to use that component
Sign Up
Sign In