We use Figma daily in the design process of building beautiful sales funnels, landing pages, websites and courses for clients. Having built 500+ funnels for big brands like Clickfunnels, Russell Brunson, Tony Robbins and Dean Graziosi, we know what works and what it takes to build high-converting funnels.
5 Best Figma Plugins for Beginners to get Started
Basically every graphic, image, illustration or background used in our funnel agency is made using at least one of these 5 Figma design tools. Right click on the background inside the Figma design editor and add plugins to get started.
Check out our video below, where we explain how we use the 5 Best Figma Plugins!
1. Pexels
Pexels offers a ton of images that you can use for free. Simply search by using your keyword or niche and you'll a lot of high quality images to choose from. This is one of the most frequently used plugins inside Figma.
In this example we put an image of a city as the background and adjusted the fill-rate to 10 % to make it faded and then add a black background behind the image which gives you a
cool and quick design.
2. ICONIFY
Iconfiy is a helpful tool that allows you to add icons easily and quickly to your design. You can search for icons using keywords and once the icons are imported, you can edit the icons' color, background and size. You can even put the icons lines to be gradient.
Again, a simple design trick that will make your website or funnel look clean and professional.
3. NOISE
Noise allows you to add extra blur and effects to your background. You can easily edit how visible it should be and what surface you'd like to use. Make sure you put it behind all the other elements but in front of the background to keep the message and design clear - this is only to add something extra to your design.
4. REMOVE BG
Your images is what makes the site personal and it's also the first thing the visitors sees when visiting your website or funnel. Remove BG (background) is a design tool for removing the background and instead lift the focus on the person in the image. Simply mark the image and choose the Remove BG-plugin and it'll automatically remove your background of the chosen image in a few seconds.
You can keep your image without a background or add a color instead which we did in the example below.
5. MESH GRADIENT
Mesh Gradient is a quick way to add gradient backgrounds or images to your design. Just choose 2 - 4 colors you want to include and then select Randomize a few times until you find a good mesh gradient you like. Insert image and crop and edit to make it fit!
Hopefully these 5 plugins are helpful for you! Make sure to try them out and save them in your plugin-collection to make them easy accessible later. Plugins are a great way to reduce the time spent designing and will you an extra level on your designs.
What is Figma design?
For those of you who don't know Figma, Figma is an amazingly powerful design tool that is easy to use even for beginners.
Figma makes is easy for users to get started. You don't even need a degree from a design program or many years of experience in design to build beautiful funnels inside Figma.
It allows designers to easily and quickly put together great illustrations, design headers and main sections, images and basically everything needed for a funnel or website. By combining graphics and illustrations, you can accomplish professional design that makes it look like you've been doing it for years.
Some design work that might take many hours to get done inside more advanced design tools like Photoshop or Adobe, can easily be done in no time in Figma once you get used to it.
How to use collaboration tools and project management inside Figma?
Figma works well for creating logos, design websites, sales funnels or even apps. For online businesses it's easy to put together a team library for designers to use for real time collaboration between team members - Even when working remotely, you can collaborate with your team meaning your projects can make quite some progress in a short time.
How to get free tutorials for Figma?
We have multiple hour-long free tutorials for designing funnels inside Figma on our YouTube channel, where we dive deeper and build funnels live for you to take part of and use as examples for your own funnels.
We show you our design system, thoughts and the whole process of building Figma prototypes and how you can export and replicate the same page inside other design tools or platforms like ClickFunnels.
Is there a Figma mobile app?
Yes, the mobile app for Figma allows users to do most of the essential features from any location and anytime. The app is available for Android and iOS.
The web or desktop app is still recommended for you to really get the full potential out of your creativity and skill level.
The following features is available in the app:
Open and view files.
Test apps and run your prototype.
Comment on files and prototypes of your team.
Collaborate with team and product managers.
and more.
Auto layout makes the element and shape adjust automatically as you change dimensions or size of your work frame. Auto layout converts your design work into code and thereby simplify for developer handoff. This is not relevant if you only use Figma for being creative and building, for example, funnels or landing pages inside Figma and then use a tool or platform like ClickFunnels to replicate the funnel there.
Do You Need Coding skills for Figma?
No, you don't need any prior coding skills or experience from similar design software to get started as a designer with Figma. Figma is a simple platform that offers simple drag-and-drop tools.
Still interested to learn more advanced Figma?
Here's a great video for you to check out, where we use Figma to build a sales funnel in 63 minutes. Check it out and see how we use the plugins and combinations to make our designs stand out from the rest.
Kommentarer