Best Figma Templates for Designers https://speckyboy.com/topic/figma/ Resources & Inspiration for Creatives Sun, 16 Feb 2025 11:40:28 +0000 en-US hourly 1 https://speckyboy.com/wp-content/uploads/2024/03/cropped-sdm-favicon-32x32.png Best Figma Templates for Designers https://speckyboy.com/topic/figma/ 32 32 20+ Free Admin Dashboard Templates for Figma https://speckyboy.com/free-admin-dashboard-templates-figma/ Mon, 06 Jan 2025 17:38:25 +0000 https://speckyboy.com/?p=172084 A collection of time-saving admin dashboard templates and kits for Figma. All templates are professionally designed and free to download and use.

The post 20+ Free Admin Dashboard Templates for Figma appeared first on Speckyboy Design Magazine.

]]>
A great dashboard is both attractive and informative. Users should be able to get what they need effortlessly. The look should be clean and easy to understand. The result is something users want to visit time and again.

Designing a dashboard from scratch is a huge task, though. Things can get complicated in a hurry with so many widgets competing for attention. Who has the time to deal with all of this?

That’s what makes a Figma template so helpful. A beautiful and functional design is already in place. There are also components for you to use, duplicate, and customize. That means your project will be off to a running start.

Does it sound like something you could use? If so, check out our collection of free admin dashboard templates for Figma. There are options here for virtually every use case. Choose your favorite and get started!

You might also like our collection of web and mobile UI templates for Figma.

Dash Free Dashboard UI for Figma

Give users an easy-to-navigate experience with this Figma UI template. It features a high-contrast color scheme, beautiful design components, and outstanding typography. Use it, and you’ll have a professional-grade dashboard in no time.

Dash - Free Dashboard UI Figma

Figma UI Dashboard Builder

Download this Figma dashboard template and gain access to over 500 UI components. You’ll find charts, buttons, card layouts, navigation bars, and more. It provides the ultimate flexibility for your project.

UI Dashboard Builder for Figma

Free Admin Dashboard UI Kit

Here’s a UI kit that includes everything you need to build a dashboard layout. It includes multiple screens in both light and dark modes. It also uses Figma variables for easier customization.

Dashboard UI Kit for Figma

Crown Material Admin Dashboard Kit

Crown is a dashboard template inspired by Material Design – Google’s open-source design system. This step makes everything seem intuitive and familiar. The components are colorful, and the layout is roomy.

Crown - Material Admin Dashboard UI Kit for Figma

Horizon UI Free Admin Template Dashboard

This open-source dashboard template was designed to work with React. The package includes several templates and components with light and dark versions. It’s a versatile choice for building web applications.

Horizon UI - Trendiest Open Source Admin Template Dashboard for Figma

CoreDashboard Dashboard Kit

Create an analytics-focused dashboard using this Figma template. It features a modern aesthetic and support for multiple color schemes. The template uses layers, making it easy to customize to suit your needs.

Website Admin Dashboard for Figma

Tasks Dashboard For Figma

Kanban boards are great for organizing information for individuals and teams. This Figma template uses the concept to help you build a task management app. Use its clean design to improve communication and stay focused.

Dashboard Task Boards Figma Free

Sales Analytics Dashboard UI

Sales Analytics Dashboard UI Kit has 16 predesigned screens for different use cases. You’ll also find plenty of widgets, well-organized layers, and an easy-to-customize setup. It’s also built for accessibility and meets WCAG 2 requirements.

Sales Analytics Dashboard – Light UI for Figma

Admin System UI Kit for Figma

The components included in this UI kit will make your dashboard project a breeze. It’s all here: dropdowns, modal windows, navigation, charts, form elements, and more. Use them to build a custom application that’s beautiful and functional.

Admin System UI Kit for Figma

NewsNet Figma News Dashboard UI

Here’s a different take on the traditional dashboard screen. NewsNet focuses on content more than statistics. That makes it a great choice for company intranets or personalized web portals. There are several creative possibilities here.

NewsNet - News Dashboard for Figma

Dashboard Payroll Free UI Kit

This free dashboard UI kit focuses on finance. You might use it for a company’s accounting department or as part of an employee portal. The design is clean and easy to read.

Free UI Kit - Dashboard Payroll for Figma

Full Charts Components for Figma

Create a custom dashboard layout in minutes using these beautifully designed component cards. Mix and match them to display an array of stats and info. These colorful cards are flexible, and many include crisp graphics.

Full Charts Components for Figma

Analytics Dashboard & Chart Library

This stylish template is perfect for use as an analytics dashboard. It includes all the basics in a simple and colorful layout. Customize it to your heart’s content. You’ll save time without sacrificing quality.

Analytics Dashboard - Built with Fikri Chart Library (Free)

BankDash Free Dashboard UI Kit

BankDash is a free dashboard UI kit that includes over 300 screen layouts. It uses the latest Figma features such as variables and auto layout. That makes it a fit for virtually any type of project.

BankDash - Dashboard UI Kit

Multipurpose Free Figma Dashboard

There’s a lot to like about this free dashboard template. It’s clean, colorful, and includes mobile and desktop viewports templates. You’ll find plenty of resources to get your project off the ground.

Dashboard Free for Figma

Constructor Free Figma Dashboard

This free Figma dashboard template includes plenty of ready-made components. Each can be customized to fit your content and color scheme. Pick your favorites and build a user-friendly interface!

Dashboard Figma Free

Dashboard & Calendar UI for Figma

Do you want to build a collaborative dashboard? This calendar UI template will give you a terrific head start. It includes views for mobile and desktop. In addition, it outlines tasks in an easy-to-follow format.

Dashboard Calendar UI

AI Summarizer Free Template

Digesto is a dashboard template that focuses on content organization. It’s perfect for user portals, client reputation tracking, or any project where media is front and center. The template includes six screens and several attractive components.

Free Figma Template: Digesto AI Summarizer

Sneat Free Figma Admin UI Kit

This free open-source admin dashboard kit includes an atomic design system. The template features UI elements like tables, charts, forms, etc. You’ll also have access to light and dark versions in an easy-to-edit package.

Sneat – Free Figma Admin Dashboard UI Kit

Untitled Figma UI Kit & Design System

With more than 350 global styles and 10,000+ components, Untitled UI is a powerful package. That provides plenty of options for building a dashboard to match your needs. If you can dream it, you can do it.

Untitled UI – FREE Figma UI Kit and Design System v2.0

Property Management Free UI Kit

Use this dashboard UI kit for real estate and property management projects. Its well-organized layout will help users stay on top of their tasks in style. The kit includes one screen, a component set, and a style guide.

Property Management Dashboard UI Kit

Free Form UI Kit for Figma

Form UI Kit uses a monochromatic color scheme to enhance legibility. It includes all the basics to build an attractive and functional dashboard. There’s enough here to cover a variety of needs.

Form UI Kit - Free in Figma

TailAdmin Tailwind Dashboard UI Kit

Users of Tailwind CSS will want to check out this admin dashboard template. The kit includes four distinctive dashboard layouts and over 400 UI elements. It’s a great way to combine the popular CSS framework with your dashboard project.

Free Figma Tailwind Admin Dashboard – TailAdmin

Build a Beautiful Dashboard in Less Time

Dashboards are among the most important and most difficult design projects. Users depend on them to perform tasks and gather information. However, building an effective one requires excellent attention to detail.

The templates in this collection are designed to make your job easier. They provide a solid foundation to build upon. The design and layout are taken care of. That allows you to focus on executing your plan.

Now that you have so many outstanding templates within reach – what will you build?


The post 20+ Free Admin Dashboard Templates for Figma appeared first on Speckyboy Design Magazine.

]]>
20+ Best Coupon & Voucher Print Templates in 2025 https://speckyboy.com/coupon-voucher-print-templates/ Sun, 08 Dec 2024 08:50:39 +0000 https://speckyboy.com/?p=171034 A collection of professional and easy-to-customize coupon and voucher print templates. We have templates for Photoshop, InDesign, Illustrator, and Figma.

The post 20+ Best Coupon & Voucher Print Templates in 2025 appeared first on Speckyboy Design Magazine.

]]>
It’s no secret that people love to save money. That explains the continued popularity of coupons and vouchers. They’re still used everywhere, from local grocery stores to big-box retailers.

A well-designed coupon entices customers to visit your store or website. They’re an excellent vehicle for getting leads as well. They spark interest and get people thinking about your brand.

It sounds great, right? If you want to create coupons or vouchers, we have you covered. We’ve rounded up a collection of attractive and easy-to-customize print templates.

The templates below work for multiple use cases. They also work with popular editing applications like Photoshop, InDesign, Illustrator, and Figma. There are great options no matter which app you prefer using.

So, check out these outstanding templates and find one to match your needs. Customers will rush to your location (or website) before you know it.

Coupon & Voucher Templates for Photoshop

Vacay Voucher & Gift Template

This template will make customers think of sunny days in paradise. It includes a tropical flair with beautiful type and graphic effects. It’s a great choice for resorts, hotels, and travel agents.

Vacay Voucher Gift Voucher Photoshop Template

Voucher Photoshop Template

Here’s a template that adds color and fun to the mix. The included files are print-ready and layered for easier editing. The look is professional, friendly, and sure to attract new customers.

Voucher Photoshop Template

Gift Voucher PSD Template

You’ll find a classic retro theme with this Photoshop voucher template. The layout is top-notch and features gorgeous vector shapes. Use it for restaurants and bars, or customize it to match your brand.

Gift Voucher Photoshop Template

Movie Gift Voucher Photoshop Template

Get your popcorn ready and give the gift of a movie. It features an instantly recognizable look and is reminiscent of a movie ticket. It’s a unique way to say thank you to customers.

Movie Voucher Gift Voucher Photoshop Template

Elegant Gift Voucher Template

This colorful voucher card template will put a smile on customer’s faces. It evokes a hand-drawn artistic style that’s fun and functional. It suits any business that values a bit of flair in its promotions.

Gift Voucher Photoshop Template

Fun Voucher Gift Voucher Template

Here’s a cheery option for giving customers a discount. The font and color schemes are bold but you can easily customize them. There’s also room for an eye-catching photo on each side of the document.

Fun Voucher Gift Voucher Photoshop Template

Digital Voucher Template for Photoshop

A high-contrast color scheme is the star of the show of this Photoshop template. Customers can’t help but take notice of the fun look and layout. Nightclubs, salons, and boutiques are perfect choices for this one.

Digital Voucher Design Photoshop Template

Resto Voucher PSD Template

You can use this yummy voucher template to activate your customer’s appetite. Add some delicious photos, customize the text, and keep your kitchen humming. Everyone loves a good deal on good food. Is anyone else hungry?

Resto Voucher Photoshop Template

Coupon & Voucher Templates for InDesign

InDesign Gift Voucher Template

This gift voucher template for InDesign is clean and minimal. It’s perfect for businesses that eschew gimmicks and over-the-top design. Instead, you’ll have something simple and functional. The no-nonsense approach will be a winner with customers.

Gift Voucher InDesign Template

Clean & Modern InDesign Gift Voucher Template

Here’s a great way to add a touch of class to your gift voucher. Spas, salons, and any place that pampers guests will want to check out this template. The simple pleasures are on full display here.

Gift Voucher InDesign Template

Minimal Gift Voucher Template for InDesign

Are you looking for a versatile template with a classic style? This package includes vouchers in both horizontal and vertical layouts. There are plenty of possibilities to make this one your own.

Gift Voucher InDesign Template

Discount & Gift InDesign Voucher Template

You’ll find bold typography and space for attention-grabbing images on this InDesign template. The design is modern and cleverly uses rectangular shapes. The result is a professional document that aims to impress.

Gift Voucher Template for InDesign

Stylish InDesign Gift Voucher Template

Here’s a different take on the previous template. It features triangular shapes and beautiful earth tones. Of course, you can also customize these elements to your heart’s content. It’s a high-end look that goes well with fashion-forward shops.

Gift Voucher Template for InDesign

Coupon & Voucher Templates for Illustrator

Modern Gift Voucher Illustrator Template

A colorful contrast makes this gift certificate a winner. The dark background will make your can’t-miss deal stand out from the competition. Add your logo and a custom image to complete the look.

Voucher Illustrator Template

Minimal Voucher Template for Illustrator

Give your promotions a simple and modern style with this Illustrator template. It’s clean, easy to read, and includes space for all the details. Customize, print, and watch as happy customers come to your door.

Voucher Illustrator Template

Special Offer & Gift Voucher Template

There’s a fun retro vibe happening with this template. The text-based layout lends itself to emphasizing your promotion. There’s no fuss or fancy effects – just a highly versatile document to boost business.

Special Voucher Gift Voucher Illustrator Template

Professional Gift Voucher Illustrator Template

Grab this template, open Adobe Illustrator, and create an attractive coupon in minutes. There is space for your promotional details, contact information, and social media links. And don’t forget your logo and a custom image or two.

Voucher Illustrator Template

Line Art Voucher Template for Illustrator

This template provides an unforgettable artsy feel to your coupons and vouchers. The swirling line art border gives way to a pastel background for text and images. It’s a cool option for any business seeking a modern way to promote its services.

Line Art Voucher Voucher Design Illustrator Template

The Bakry Gift Card & Voucher Template

Give the gift of a tasty treat with this bakery-inspired Illustrator template. The lighthearted design is a fun way to promote a café, coffee shop, or restaurant. Your customers will hurry on over once they have this coupon in hand.

The Bakry Voucher Illustrator Template

Coupon & Voucher Figma Templates

Autumn Fall Voucher Template for Figma

Use this template to celebrate the fall season. It features an autumn color scheme – but you can change it up for use any time of the year. Figma makes customization easy, after all.

Autumn Fall Voucher Template for Figma

Black Friday Voucher Figma Template

Prepare for the biggest day of the year with this Black Friday template for Figma. Offer your best deal, and this stand-out document will do the rest. Its modern look is perfect for just about any use case.

Black Friday Voucher Figma Template

Templates That Bring Style to Your Brand

Distributing coupons or vouchers is still an effective marketing strategy. It’s a great way to reward loyal customers and attract new ones. And it’s well worth the effort.

The templates above provide you with a great head-start. They already feature attention-getting designs. Customize them and get them into the hands of customers. It’s a win-win scenario.

We hope you found this collection useful. Now that you have outstanding templates within reach, it’s time to get creative!


The post 20+ Best Coupon & Voucher Print Templates in 2025 appeared first on Speckyboy Design Magazine.

]]>
20+ Best Free Instagram Story Templates in 2025 https://speckyboy.com/free-instagram-story-templates/ https://speckyboy.com/free-instagram-story-templates/#respond Fri, 22 Nov 2024 10:25:47 +0000 https://speckyboy.com/?p=105132 A collection of professional Instagram Story templates for Photoshop, Figma, Sketch, After Effects, Premiere Pro, and Final Cut Pro.

The post 20+ Best Free Instagram Story Templates in 2025 appeared first on Speckyboy Design Magazine.

]]>
Creating a new Instagram Story every time can be difficult and time-consuming, especially if you want a consistent and polished look. Story templates simplify this process, allowing for quick, cohesive, and beautifully designed Instagram content that aligns with your personal or business branding goals.

This collection has the best free Instagram Story templates currently available. They come in various formats, including Photoshop PSD, Figma, Sketch, After Effects, Final Cut Pro, and Premiere Pro.

Whether you’re a social media manager, a business owner, or just an Instagram enthusiast, these templates will help you maintain a consistent and professional look. So go ahead, give them a try, and see how much easier and quicker it is to post high-quality Instagram Stories!

Instagram Story Templates for Photoshop

These easy-to-use Photoshop PSD templates are great for anyone wanting an elegant look for their Instagram Stories.

Travel Instagram Stories Template

Free to Download and in Photoshop PSD Format

This free set includes twelve unique templates suitable for personal vacations, landscape photographers, or even travel business promotions. Each template has smart objects for easy customization, making it perfect for creating eye-catching travel Stories.

Travel Photoshop PSD Instagram Story Template Social Media

Instagram Stories Vol. 4 Templates

In Photoshop PSD Format

If you’re looking for an Instagram Story template with elegant and stylish typography, you should try one of the templates included in this pack. The download pack includes nine Photoshop PSD files.

Volume 4 Photoshop PSD Instagram Story Template Social Media

Noir Minimalist Instagram Story Templates

Free to Download and in Photoshop PSD Format

Noir Beauty has a striking black-and-white aesthetic. This free Story template collection is perfect for fashion bloggers and brands. Simple yet bold, these Photoshop PSD templates are an excellent choice.

Noir Minimalist Photoshop PSD Instagram Story Template Social Media

Minimal Fallen Instagram Story Template Pack

In Photoshop PSD Format

This minimally designed Instagram Story template has an elegant design that would be great for a fashion brand or influencer. The download includes ten templates and ten regular Instagram posts, so you can keep the design consistent.

Minimal Fallen Phtooshop PSD Instagram Story Template Social Media

Instagram Mood Board Templates

Free to Download and in Photoshop PSD Format

This free pack includes thirty individual Photoshop PSD templates that will help you quickly create mood boards that reflect your personal style or brand. They are an excellent resource for project inspiration or promotion.

Mood Board Photoshop PSD Instagram Story Template Social Media

Glorious Instagram Quotes Stories Pack

In Photoshop PSD Format

Quotes are one of the most engaging post types on Instagram, so if you want to motivate or inspire your audience, check out this template pack. You’ll get more than 50 easy-to-edit quote templates. Simply replace the quote with your own, customize the colors, and save the design.

 Instagram Story Template Social Media

Shimmer Fashion Instagram Story Templates

Free to Download and in Photoshop PSD Format

Shimmer is a free Instagram Story collection of six high-resolution Photoshop PSD templates. It is perfect for photographers, fashion enthusiasts, bloggers, and brands. Customize the templates by dragging and dropping your images into the smart object layer and adding your text.

Glorious Instagram Quotes Photoshop PSD Story Template Social Media

Instagram Stories Vol. 3

In Photoshop PSD Format

Instagram Stories Volume 3 is a collection of fun Story templates with various designs. You can use these Photoshop templates to promote your sales and special offers, announce new product launches, or share a quote or behind-the-scenes photos.

Volume 3 Photoshop PSD Instagram Story Template Social Media

Everyday Adventure Instagram Templates

Free to Download and in Photoshop PSD Format

The Everyday Adventure Instagram collection is a multi-purpose set of Story templates that are perfect for promoting travel, lifestyle, fashion, and other types of posts on Instagram. They have a colorful design and modern typography.

Everyday Adventure Photoshop PSD Instagram Story Template Social Media

Hepburn Instagram Templates

Free to Download and in Photoshop PSD Format

Any brand that caters to a female audience would do well with this Instagram template pack. The collection includes nine stylish PSD templates with elegant typography and a soft color palette. You’ll find templates for quotes, regular posts, sales announcements, and more.

Hepburn Photoshop PSD Instagram Story Template Social Media

Tanska Instagram Template Collection

Free to Download and in Photoshop PSD Format

Consider the Tanska templates if you’re promoting a Scandinavian brand or lifestyle. This collection has ten Photoshop templates featuring soft color palettes and stylish geometric shapes.

Tanska Collection Photoshop PSD Instagram Story Template Social Media

Instagram Story Quote Templates

Free to Download and in Photoshop PSD Format

This free PSD template includes two designs: one for sharing quotes and one for quick announcements. The template has a neutral color palette, but you can easily customize it to your brand’s colors.

Story Quote Photoshop PSD Instagram Story Template Social Media

Instagram Story Templates for Figma

These customizable Figma templates are ideal for anyone looking to create professional Stories quickly and efficiently.

We’re Hiring Instagram Story & Post Template

Free to Download and in Figma Format

The colorful and modern “We’re Hiring” Story template is perfect for businesses and organizations that need to announce job openings on Instagram. This free Figma template offers beautiful typography and engaging design elements, making it ideal for attracting top talent.

Job Application Figma Instagram Story Template Social Media

Instagram Text-Based Post & Story Templates

Free to Download and in Figma Format

This free Instagram Story template has been created specifically for text-based posts and Stories. It greatly simplifies the process of creating quotes and announcement-style posts directly in Figma. This template can also be used for Facebook and TikTok.

Text-Based Post Figma Instagram Story Template Social Media

Colorful Instagram Story Templates

Free to Download and in Figma Format

This free Figma template includes safe areas and guides, ensuring your content always looks its best. It is incredibly versatile and perfect for anyone looking to inject a bit of color into their Instagram Stories.

Colorful Figma Instagram Story Template Social Media

Instagram Story Templates for Sketch

These templates have been specifically tailored for Sketch App users. They offer a variety of customizable and user-friendly designs, allowing for the quick creation of Instagram Stories with minimal effort and maximum creativity.

Vana Fashion Instagram Story Templates

Free to Download and in Sketch App Format & Photoshop PSD Formats

Vana is a stylish Instagram Story template pack that can be edited in Sketch or Photoshop. Thanks to the minimal design, these templates can be used for any type of post. You’ll get eight templates in total.

Vana Fashion Sketch App Photoshop PSD Instagram Story Template Social Media

Lush Social Media Templates for Instagram

Free to Download and in Sketch App Format & Photoshop Formats

This is an elegant set of 24 Instagram Story templates that makes it easy to promote your brand and share quick updates, as well as to announce product launches, sales, and more. The template comes with smart shapes, so replacing the photos and text with your own is easy.

Lush Sketch App Photoshop PSD Instagram Story Template Social Media

Instagram Story Templates for After Effects

These After Effects templates are perfect for those who want to add an extra layer of dynamism to their Instagram Stories. These video templates turn ordinary Stories into professional-quality animations.

Different Stories Templates for Instagram

Free to Download and in After Effects Format

This free template is a creative and modern solution for creating animated Instagram Stories. It features five vertical design options, all perfect for making your Stories stand out. You can easily edit text and media placeholders and adjust the color to suit your style.

Different Stories Video After Effects Instagram Story Template Social Media

Stylish Instagram Story Video Templates

In After Effects Format

These After Effects templates offer a variety of layouts and bold designs that are both modern and easy to customize. It’s perfect for brands, influencers, or anyone wanting to create professional-looking Instagram Stories quickly.

Stylish Video After Effects Instagram Story Template Social Media

Instagram Story Fashion Video Template

Free to Download and in After Effects Format

This elegantly animated After Effects template is perfect for anything fashion-related. It’s incredibly user-friendly, easy to customize, and requires no extra plugins. It is ideal for businesses and brands looking to quickly promote their products on Instagram.

Fashion After Effects Video Instagram Story Template Social Media

Instagram Story Templates for Premiere Pro

These templates make creating Instagram Stories simple in Premiere Pro. They offer a variety of styles and are incredibly easy to customize, perfect for anyone wanting to improve their Stories with a professional look and feel.

Instagram Story Video Template

Free to Download and in Premiere Pro Format

This modern and dynamic collection of ten Premiere Pro templates has been designed for quick and easy use. Add your photos or videos and replace the text, and your Story is ready to post on Instagram. No plugins are required.

Premiere Pro Video Instagram Story Template Social Media

Brutalism Instagram Story Video Template

In Premiere Pro Format

This brutalist Premiere Pro template pack will add an edgy and bold style to your Instagram content. With their stark, impactful design, these templates bring a unique and modern look to your Instagram Stories. They are perfect for animated posters and promos.

Brutalism Instagram Story Video Template Social Media

Instagram Story Templates for Final Cut Pro

These Story templates are tailored for Final Cut Pro users. They’re perfect for anyone looking to post on Instagram with polished and engaging video content.

Simple Instagram Story Video Templates

Free to Download and in Final Cut Pro Format

This free Final Cut Pro template has five stylish Instagram Story title overlays. It’s user-friendly, letting you easily edit text and adjust colors. You can also use this free template to create video content for WhatsApp, Facebook, and Snapchat.

Simple Final Cut Pro Video Instagram Story Template Social Media

Fashion Instagram Story Video Templates

In Final Cut Pro Format

These beautifully animated Final Cut Pro templates are perfect for creating Stories for Instagram. With its stunning typography and vintage aesthetics, your Instagram Stories will transport your audience back in time.

 Instagram Story Template Social Media

Instagram Story Design Guidelines

Here are some key guidelines and requirements to keep in mind when creating an Instagram Story:

  1. Aspect Ratio & Size: Instagram Stories should have an aspect ratio of 9:16. A common resolution is 1080 pixels wide by 1920 pixels tall. This is the full-screen format on most smartphones.
  2. Length: Each Story clip can be up to 15 seconds long. If you upload a longer video, it will be split into multiple 15-second segments.
  3. Content Type: You can use photos, videos, or text-based images. Instagram also offers built-in features like Boomerang, Superzoom, or Hands-Free recording.
  4. File Format: For videos, MP4 or MOV format works best. For images, JPG or PNG is recommended.
  5. Text & Stickers: You can add text, emojis, and stickers to your Stories. Remember to keep them away from the top and bottom of the screen as Instagram overlays like your profile icon and call-to-action (“Swipe up”) can cover them.
  6. Duration: Photos in Stories are displayed for 7 seconds by default, but videos will play for their full duration (up to 15 seconds).
  7. Interactive Elements: You can include interactive elements like polls, questions, and swipe-up links (if you have access to this feature, often available to accounts with over 10,000 followers or verified accounts).

Boosting Instagram Engagement

Instagram Stories are the perfect way to keep your followers engaged in your brand. They’re quick and fun and can help boost your Instagram engagement rate like never before.

With these modern Instagram Story templates, you can create Stories that look professional and polished without spending hours brainstorming and designing.

More Social Media Templates

The post 20+ Best Free Instagram Story Templates in 2025 appeared first on Speckyboy Design Magazine.

]]>
https://speckyboy.com/free-instagram-story-templates/feed/ 0
25+ Best Free Resume Templates for Figma in 2025 https://speckyboy.com/free-figma-resume-templates/ https://speckyboy.com/free-figma-resume-templates/#respond Sat, 09 Nov 2024 07:19:44 +0000 https://speckyboy.com/?p=150897 A collection of free to download and use Figma templates for creating professional and beautifully designed resumes and CVs.

The post 25+ Best Free Resume Templates for Figma in 2025 appeared first on Speckyboy Design Magazine.

]]>
Let’s face it, today’s job market is more challenging than ever. We work in a competitive global landscape, and standing out from the crowd can be incredibly difficult! That’s where a professional and creative resume comes in.

But hiring managers will see hundreds of resumes. What can you do to get yours noticed? Resume templates for Figma are a great starting point.

These polished, modern designs will bring your skills and experience to the forefront. They let you share your qualifications and work history in moments. Even better, you don’t have to be a design expert to take advantage of the benefits of creating a resume in Figma.

In this collection, you’ll find a curated collection of resume templates for Figma. They’re free to download and use. They span many styles and design aesthetics, so finding the layout that best fits your skills and sense of style will be easy.

Free Modern Resume Templates for Figma

Modern and elegant, this resume is suitable for any career path. Simply enter your credentials and create a workable, stunning design in just a few moments.

Modern Resume CV Template Job Application Figma Design

Flyer Resume Template for Figma

The Flyer Resume template combines the elements of a flyer with a professional CV. It has a vibrant color scheme, bold typography, and graphical elements, including a QR code, to make your resume stand out.

 Resume CV Template Job Application Figma Design

UX & UI Designer Resume Template

Created for designers, a resume template like this is heavy on minimalistic style. It’s easy to work with but packs an eye-catching columned layout that employers will notice.

UX & UI Designer Resume CV Template Job Application Figma Design

Videre Resume/CV Figma Template

Videre offers a clean layout with sections for personal details, work experience, education, skills, and references. This Figma template is highly customizable and allows you to create a professional and beautifully designed resume or CV in no time.

Videre Resume CV Template Job Application Figma Design

Simple Resume Template for Figma

Do you need a one-page career overview to land your dream job? This template has you covered. It lets you share without resorting to messy and cluttered layouts.

Simple Resume CV Template Job Application Figma Design

Minimal Resume Template for Figma

This minimalist resume design puts your credentials front and center. It has been designed for creatives, designers, developers, and anyone with skills to share.

Minimal Resume CV Template Job Application Figma Design

Interiorch Architect Resume Template

Created for architects and interior designers, this resume template has a clean and modern layout with sections for your personal details, professional work summary, employment experience, education, skills, and portfolio. This Figma template allows you to highlight your design projects and can be easily customized to suit your style and industry.

Interiorch Architect Resume CV Template Job Application Figma Design

Professional Resume Design Template

This free template is an elegant, contemporary resume design for 2024 and beyond. Your name and profile runs down the right-hand side. The heart of your skills and experiences are listed in the main section on the left.

Professional Resume CV Template Job Application Figma Design

Pluribus Personal Resume/CV Template

Pluribus has a clean design for creating a professional personal resume or CV. It includes sections for personal information, professional summary, work experience, education, skills, and references. The template offers customization options and a visually appealing layout.

Pluribus Personal Resume CV Template Job Application Figma Design

Free Professional Resume Template

This professional resume template has a simple but elegant layout. It’s easy to customize by adding your skills, experience, and education.

 Resume CV Template Job Application Figma Design

Fabius Resume/CV Figma Template

Fabius sports a modern and stylish design for creating a personalized resume or CV in Figma. It offers sections for personal information, professional summary, work experience, education, skills, portfolio, and contact details.

Fabius Resume CV Template Job Application Figma Design

Free CV & Resume Figma Template

With this template, you can quickly add your logo or personal branding and then export the finished product to PDF format for sharing with hiring managers.

CV Resume CV Template Job Application Figma Design

Free A4 CV/Resume Template

This template includes three design options, making it a versatile resume option. Each template is in A4 format.

A4 CV Resume CV Template Job Application Figma Design

Computer Technician Resume Template

Here is a resume template for computer technicians and other IT professionals. It makes it effortless to share your role-specific background and skillset.

Computer Technician Resume CV Template Job Application Figma Design

Figma Resume for Freshers & Professionals

There are now more remote workers than ever, and it’s time for resume templates to catch up. Here’s a design tailored for those who aim to work from anywhere.

Freshers & Professionals Resume CV Template Job Application Figma Design

Free CV Template for UX/UI Designers

This is another template for designers, but this comes with a contemporary look. It has ample room for content while keeping a clear and readable layout.

CV UI UX Resume CV Template Job Application Figma Design

32 Resume/CV Template for Figma

Are you searching for flexibility? This template pack has you covered, with 32 designs to choose from. They vary by style but share a colorful elegance that reviewers will appreciate.

32 Resume/CV Resume CV Template Job Application Figma Design

Informative UI & UX Resume Template

This resume template is informative and inspiring, making it a top candidate for 2024. It uses subtle color contrasts and clearly defined spaces between each section.

Informative UI & UX Resume CV Template Job Application Figma Design

CV Template for Designers & Engineers

Designers and engineers have many technical skills to share on their resumes. Here is a template meant for just that, with multiple pages of layouts to fill in credentials.

Designers & Engineers Resume CV Template Job Application Figma Design

Curriculum Vitae Template for Figma

A CV template like this is colorful yet professional. At the top, you can add a photo and your profile. Below are listed skills, links, and your work history.

Curriculum Vitae Resume CV Template Job Application Figma Design

Clean & Simple Figma Resume Template

This template will always focus on your professional story and accomplishments. It has clearly defined sections and a refined modern style.

Clean & Simple Resume CV Template Job Application Figma Design

Software Developer Resume/CV Template

Software development is a huge growth field, full of highly qualified candidates. Stand out from the crowd with this sleek resume design for 2024, with room to highlight your achievements.

Software Developer Resume CV Template Job Application Figma Design

Three Simple Resume Templates

Grid layouts help your resume content remain clear, concise, and easy to read. This template includes three different templates.

Three Simple Resume CV Template Job Application Figma Design

UI & Developer Resume Template for Figma

Color contrasts help your resume stand out while maintaining a professional style. With forest green hues, this design is a stylish option that doesn’t sacrifice a pro look.

UI & Developer Resume CV Template Job Application Figma Design

Angular JS Developer Resume Template

Images and branding help you call attention to key details on your resume. This template has ample room for these, with an excellent modern design used throughout.

Angular JS Developer Resume CV Template Job Application Figma Design

Basic Resume Template for Figma

The best resume templates stand out for their flexibility. They work for any industry or set of skills. Here is a top example with a versatile layout that’s easy to edit.

Basic Resume CV Template Job Application Figma Design

Community Resume Template for Figma

Customizable in a few clicks, this design lets you share your work story with others smoothly. In the upper right, you’ll find room for a professional headshot.

Community Resume Resume CV Template Job Application Figma Design

A4 Resume/CV Template for Figma

A classic resume layout, this template is straightforward to work with. Drop in your details and create a PDF copy for sharing,

A4 Resume/CV Resume CV Template Job Application Figma Design

Clean & Minimal Figma Resume/CV Template

This resume has two columns for listing your career content. Across the top is a customizable heading and section for contact details.

Clean & Minimal Resume CV Template Job Application Figma Design

Tips for Editing Figma Resume Templates

Here are some tips for editing a Figma resume template:

  1. Duplicate the Template: Before you start editing, duplicate the original template to create a copy that you can edit without affecting the master.
  2. Organize Layers and Components: Figma templates use layers and components to keep elements organized. Use the layers panel to navigate and make changes. If the template has components, ensure you understand their structure.
  3. Edit Text and Content: Click on text elements to edit them directly. Update the content with your information, including your name, contact details, work experience, education, and skills.
  4. Use Styles and Variants: Figma allows you to create text and color styles, which can save time by ensuring consistency. If the template uses text styles or color variants, apply them to maintain a cohesive design.
  5. Replace Images: If the template includes placeholder images, replace them with your own headshot or portfolio images. Right-click on an image layer to replace it.
  6. Adjust Layout and Spacing: To customize the layout, use Figma’s resizing and spacing features. You can also rearrange elements by dragging and dropping them on the canvas.
  7. Customize Colors and Fonts: To change the color scheme or fonts, update the corresponding styles in the Figma file.
  8. Add or Remove Sections: You might want to add or remove sections. Use the tools in Figma to duplicate or delete elements as necessary.
  9. Preview on Different Devices: Use the “Preview” feature to ensure your resume looks good on desktop, tablet, and mobile screens.
  10. Collaboration and Feedback: Figma is collaborative so that you can share your edited template with others for feedback or collaboration. You can use comments and annotations to communicate changes.
  11. Save and Export: Once you’re happy with your edits, save your Figma file. You can also export your resume design as images, PDFs, or other formats to share or print.

Remember that Figma provides a lot of flexibility, so don’t hesitate to experiment and make the template your own.

More Free Resume & Figma Templates

The post 25+ Best Free Resume Templates for Figma in 2025 appeared first on Speckyboy Design Magazine.

]]>
https://speckyboy.com/free-figma-resume-templates/feed/ 0
50+ Free Wireframe Templates for Mobile, Web & UX Design https://speckyboy.com/free-wireframe-templates-mobile-app-web-ux-design/ https://speckyboy.com/free-wireframe-templates-mobile-app-web-ux-design/#respond Sat, 19 Oct 2024 10:25:03 +0000 https://speckyboy.com/?p=75798 A collection of UI templates and kits for wireframing websites and mobile applications in Photoshop, Illustrator, Figma, or Sketch.

The post 50+ Free Wireframe Templates for Mobile, Web & UX Design appeared first on Speckyboy Design Magazine.

]]>
Wireframing is an essential step in the initial stages of a UI project, allowing you to define the information hierarchy of your mobile app or web design project and plan for functionality and user flow. By stripping away non-essential design elements, wireframes help to communicate the layout effectively.

Whether you use a whiteboard, pencil and paper, web-based tools, or UI design applications, effective wireframing and planning play a crucial role in the success of your product.

In addition to the many readily available wireframing tools, there are free wireframing templates available for UI applications like Photoshop, Illustrator, Figma, and Sketch.

We’ve curated a collection of free wireframing templates to make your job easier. These templates are customizable to fit your specific project requirements, allowing you to streamline the wireframing process and focus on defining the layout and functionality of your mobile app or web design project.

Web Design Wireframe Kits

These free web design wireframe kits can be used to plan a website’s layout, visualize the content structure, test website functionality, collaborate with team members, and save time during the design process.

Wireframe Magic Responsive UI Kit

Designed by Jeremy Walsh in Sketch Format.

Magic Responsive Wireframe UI Kit

Bloo Wireframe Component Kit

Designed by Vijay Verma in Sketch & Figma Formats.

Bloo Open-Source Wireframe Component UI Kit

UX Wireframe Flow Kit

Designed by Mir Design in AI, EPS & SVG Formats.

UX Flow Wireframe UI Kit

Kemuri Web Wireframe Kit

Designed by Carlos Rodriguez in Figma & Sketch Formats.

Kemuri Web Wireframe UI Kit

Wireon Web Wireframe Kit

Designed by VictorThemesNX in Photoshop PSD Format.

Wireon Web Wireframe UI Kit

Lowdi Wireframe Kit

Designed by Daniel Wodziczka in Figma Format.

Lowdi Wireframe Kit free wireframe template Sketch Format

Free Website Wireframe Templates

Designed by The Gentlemans Mustache in Sketch Format.

Website free wireframe template Sketch Format

Wirebase Elements for Wireframes

Designed by Patryk Zabielski in Sketch Format.

Wirebase Base Elements free wireframe template Sketch Format

Responsive Wireframe Template

Designed by Jubal Mabaquiao in Sketch Format.

Responsive Website free wireframe template Sketch Format

Mottom eCommerce Wireframe Templates

Designed by A. Yusuf Besim in Sketch Format.

Mottom Simple eCommerce free wireframe template Sketch Format

Website Wireframe Template

Designed by Garret Voorhees in Sketch Format.

Website free wireframe template Sketch Format

Multi-Purpose Wireframe Kit

Designed by Micah Sivitz in Sketch Format.

Multi-Purpose free wireframe template Sketch Format

Kita3 Wireframe & Mockup UI Kit

Designed by Mouafa Ahmed in Photoshop PSD Format.

Kita3 Mockup UI free wireframe template Photoshop PSD Format

Teracy Wireframe Kit

Designed by Teracy in Sketch Format.

Teracy free wireframe template Sketch Format

Wireframe Landing Page Template

Designed by Dorin007 in Photoshop PSD Format.

Landing Page free wireframe template Photoshop PSD Format

Atomic Design Template

Designed by Danko Tantegl in Sketch Format.

Atomic Design free wireframe template Sketch Format

Essential Prototyping Template

Designed by Konstantin Tereschenkov in Sketch Format.

Essential Prototyping free wireframe template Sketch Format

B&W UI Elements

Designed by Hitesh in Sketch Format.

B&W UI Elements free wireframe template Sketch Format

Multi-Purpose Mobile UI Kit

These multi-purpose mobile UI kits can be used to quickly create mockups and prototypes, ensure design consistency, customize design elements, improve collaboration, and save time in the design process.

Contra Mobile Wireframe Kit

Designed by Vijay Verma in Figma & Sketch Formats.

Contra Open Source Mobile Wireframe UI Kit

Kanizz Mobile App Wireframe Kit

Designed by Anita in Figma Format.

Kanizz Mobile App Wireframe UI Kit

Wires Free Wireframe UX Kits

Designed by UI8 Design in Adobe XD Format.

Wires UX Kits free wireframe template Adobe XD Format

Bolt Wireframe Templates

Designed by Mehmet Reha Tugcu in AI Format.

Bolt free wireframe template

Moon Wireframe Kit

Designed by George Frigo in Sketch Format.

Moon free wireframe template Sketch Format

Mobile Design System

Designed by UI/UX Assets in Figma & Sketch Formats.

Mobile Design System free wireframe template

Mobile Wireframe Templates

Designed by Rıza Selçuk Saydam in Sketch Format.

Mobile free wireframe template Sketch Format

Mobile Wireframe Kit

Designed by Phil Goodwin in Sketch Format.

Mobile Wireframe Kit free wireframe template Sketch Format

Mobile Wireframe Kit

Designed by UI/UX Assets in Sketch & AI Formats.

Mobile Wireframe free template

iOS & iPhone Wireframe Kits

These free iOS wireframe kits can be used to plan your mobile app’s layout, visualize content structure, test functionality, collaborate with team members, and, of course, save time in the build process.

Wireframe UI Kit for iOS Apps

Designed by Brigita in Adobe XD Format.

UI Kit for iOS Apps Wireframe UI Kit

Sketch & Figma Mobile Wireframe Kit

Designed by UI8 in Sketch & Figma Formats.

UI iOS free template Sketch Figma Mobile Wireframe Kit

Sketchy iOS Wireframe Kit

Designed by ZippyPixels in Illustrator AI Format.

Sketchy iOS  free wireframe template

iOS Simple Wireframe Kit

Designed by Barbara Giardelli in Sketch Format.

iOS Simple  free wireframe template Sketch Format

Bones IOS Wireframe Kit

Designed by WebDonut in PSD, Sketch and XD Formats.

Bones IOS free wireframe template

Snap UI iOS Wireframe Kit

Designed by Jon Rundle in Sketch Format.

Snap UI iOS Wireframe Kit free wireframe template Sketch Format

Flow iOS Wireframe Kit

Designed by Vineet Kumar in Sketch Format.

Flow iOS free wireframe template Sketch Format

Turbo iOS Wireframe Kit

Designed by JustUI in Sketch Format.

Turbo iOS free wireframe template Sketch Format

Apple Watch Wireframe Kit

Designed by Jessie Farris in Illustrator AI Format.

Apple Watch free wireframe template Illustrator AI Format

iPhone Vector Wireframing Toolkit

Designed by Michelle in Illustrator AI Format.

iPhone Vector Wireframing Toolkit free wireframe template Illustrator AI Format

Apple Watch Wireframe Templates

Designed by Rémi Fayolle in Sketch Format.

Apple Watch free wireframe template Sketch Format

iPhone Mobile Storyboard Template

Designed by J.Baptiste Eudeline in Illustrator AI Format.

iPhone Templates Mobile Storyboard free wireframe template Illustrator AI Format

Free iOS UX Wireframe & Icon Set

Designed by Marcin Cajzer in PNG, SVG & EPS Formats.

iOS UX Wireframe Icon Set free wireframe template PNG SVG EPS Format

WZ Wireframe Kit

Designed by Wendzhue in Sketch Format.

WZ Kit free wireframe template Sketch Format

Android & Material Wireframe Kits

These free wireframe templates and kits have been specifically designed for Android and the Material Design aesthetic. You can use them to ensure design consistency and test design elements.

Material Design Wireframe Kit

Designed by Dan Shipley in Sketch Format.

Material Design ui-kits free wireframe template Sketch Format

Material Design Mobile Wireframes

In Photoshop PSD Format.

Material Design Mobile free wireframe template Photoshop PSD Format

UX Design Templates

These free UX templates and kits can provide a framework for creating user experiences, and they can be used to plan user flows and create prototypes.

UX Flow Prototyping System

Designed by LS Graphics in Sketch & Figma Formats.

UX Flow Prototyping System Wireframe UI Kit

Wyre Web Layout Flowcharts

Designed by Petr Knoll in AI, EPS & SVG Formats.

Wyre Web Layout Flowcharts free wireframe template AI EPS SVG Format

Web & Mobile Wireframing Kit

Designed by VectorOpenStock in Illustrator AI Format.

Web Mobile Wireframing & Layout Kit free wireframe template Illustrator AI Format

Mobile Wireframing & Flowchart Kit

By Dmitry Kurash & Irina Medyantseva in Sketch Format.

Mobile Wireframing Kit Flowchart free wireframe template Sketch Format

Flowchart Wireframe Set

Designed by Arthur Guillermin Hazan in Sketch Format.

Flowchart Set free wireframe template Sketch Format

Wireframer Icon Pack

Designed by Eugene Dobrik in SVG Format.

Wireframer Icon Pack free wireframe template SVG Format

UX Device Pack

Designed by Qaaim Goodwin in AI & EPS Formats.

UX Device Pack free wireframe template Illustrator AI EPS Formats

UX Wireframe Set

Designed by Michal Koczor in Illustrator AI Format.

UX Set free wireframe template Illustrator AI Format

Mobile Diagram Template

Designed by Ismael Kose in Sketch Format.

Mobile Diagram free wireframe template Sketch Format

Free Flowchart Kit

Designed by Greg Dlubacz in Sketch Format.

Flowchart Kit free wireframe template Sketch Format

User Flow Assets

Designed by Emanuel Serbanoiu in Sketch Format.

User Flow Assets free wireframe template Sketch Format

User Flow Diagram Template

Designed by Jarek Ceborski in Sketch Format.

User Flow Diagram free wireframe template Sketch Format

Web Design Flowchart Templates

Designed by Vova Kurbatov in Photoshop PSD Format.

Web Design Flowchart free wireframe template Photoshop PSD Format

Mobile UI Wireflow Template Kit

Designed by Ray Macari in Sketch Format.

Mobile UI Wireflow free wireframe template Sketch Format

Wireframe Template FAQs

  • What are Wireframe Templates?
    They are pre-designed layouts that show the basic structure of a website, app, or digital product. They outline elements like navigation, content placement, and functionality without detailed design or color.
  • Why Use Wireframe Templates?
    They’re a great starting point. They save time and offer a clear path for organizing your ideas and planning layouts before diving into detailed design work.
  • Can Beginners Use These Templates?
    Yes, they’re fantastic for beginners. Wireframe templates give you a sense of direction and can help you learn the basics of layout and user interface design.
  • How Do I Choose the Right Wireframe Template?
    Think about your project’s needs. Look for templates that match the type of website or app you’re creating, whether it’s an eCommerce site, a blog, or a mobile application.
  • Are These Templates Customizable?
    Highly! While they provide a basic structure, you can modify them to suit your project needs. You can rearrange layouts, add or remove elements, and scale components.
  • Do I Need Special Software to Use Wireframe Templates?
    It depends on the template format. Some are available for common design tools like Sketch, Adobe XD, Photoshop, or Figma. Others might be in simple formats like PDF or PNG, which can be used with basic software.
  • How Important are Wireframes in the Design Process?
    Wireframes are crucial. They serve as the blueprint for your design, allowing you to plan the layout and interaction patterns before adding visual elements.
  • Can Wireframes Help with User Experience (UX) Design?
    Wireframes allow you to focus on user experience aspects like usability, navigation flow, and content prioritization, without the distraction of visual design elements.
  • How Detailed Should a Wireframe Be?
    It varies. Some wireframes are basic, outlining only the key components, while others might include more content and functionality. Choose the level of detail that best suits your project stage.

Conclusion

Wireframing is an essential step in UI design, and these free wireframing templates can be a helpful resource for designers looking to streamline the design process and create effective and successful UI designs.

More Free UI Resources

The post 50+ Free Wireframe Templates for Mobile, Web & UX Design appeared first on Speckyboy Design Magazine.

]]>
https://speckyboy.com/free-wireframe-templates-mobile-app-web-ux-design/feed/ 0
25 Free Creative World Map Templates for Designers https://speckyboy.com/free-world-map-templates/ https://speckyboy.com/free-world-map-templates/#respond Thu, 17 Oct 2024 07:58:24 +0000 http://speckyboy.com/?p=28642 Download high-quality, free world map templates suitable for various projects, presentations, and educational purposes. Fully customizable.

The post 25 Free Creative World Map Templates for Designers appeared first on Speckyboy Design Magazine.

]]>
World map templates are crucial to many design projects. They provide the essential resources for visual storytelling, data representation, and highlighting international or geographical elements.

This collection includes a wide range of free world map templates available across different platforms and design software. They come in various file formats, such as Illustrator (AI and EPS), Photoshop (PSD), scalable vector graphics (SVG), and Figma. This diversity of formats ensures that you can easily integrate these maps into your projects using your preferred tools and workflows.

Using free map templates offers significant advantages, such as cost savings and a diverse array of styles and formats to suit various design needs.

These free world map templates will save you time while delivering high-quality visuals that make your projects stand out.

Creative World Map Templates

These map templates offer unique and imaginative designs. They are perfect for projects that need distinctive elements by providing artistic interpretations of conventional map styles.

Artistic Map-Making Template

Free, in Photoshop PSD Format.

Artistic Map-Making Template Free to Download

Topographic Map Overlays

In Illustrator AI & EPS Formats.

Topographic Map Overlays

World Continent Map Illustration

Free, in Illustrator EPS Format.

World Continent Map Illustration Free to Download

Map of the World Travel Illustration

In Illustrator EPS Format.

Map of the World Travel Illustration

World Map Template with Flags

Free, in Figma Format.

World Map Template with Flags Free to Download

World Map Design Template

In Illustrator AI & EPS Formats.

World Map Design Template

LGBTQ+ Pride World Map

Free, in Illustrator AI & EPS Formats.

LGBTQ+ Pride World Map Free to Download

World Map with Time Template

Free, in Illustrator AI Format.

World Map with Time Template Free to Download

Grayscale World Map Templates

These map templates are perfect for professional and business design projects. Using varying shades of gray, they offer a modern and clean aesthetic that is versatile for both print and digital media.

Grey Map of the World with Countries

Free, in Illustrator AI, EPS & SVG Formats.

Grey Map of the World with Countries Free to Download

Colorful World Map Templates

These vibrant map templates are designed to catch the eye, using a spectrum of colors to make any project more engaging. They are handy for presentations or educational materials that need a livelier appearance.

Colorful Political World Map Template

Free, in Illustrator AI & EPS Formats.

Colorful Political World Map Template Free to Download

Fun World Map Illustration

Free, in SVG Format.

Fun World Map Illustration Free to Download

World Map Design Illustrations

In Illustrator AI & EPS Formats.

World Map Design Illustrations

Multicolor Map of the World Template

Free, in Illustrator AI, EPS & SVG Formats.

Multicolor Map of the World Template Free to Download

3D Earth Render

In Photoshop & Illustrator Formats.

3D Earth Render

World Political Map with Retro Color

Free, in Illustrator AI & EPS Formats.

World Political Map with Retro Color Free to Download

Blank World Map Templates

These templates offer basic geographical outlines. They allow you to customize everything with specific data, colors, or design elements. They are particularly useful for educators and analysts.

Blank World Map

Free, in Photoshop Shapes Format.

Blank World Map Free to Download

European Countries Vector Templates

Free, in Illustrator AI & EPS Formats.

European Countries Vector Templates Free to Download

Blank World Map Template

Free, in Figma Format.

Blank World Map Template Free to Download

World Vector Map Template

Free, in SVG Format.

World Vector Map Template Free to Download

Vintage-Style World Map Templates

With a nod to the past, these templates feature classic and aged designs, making them suitable for projects that need a sense of age, history, or nostalgia.

Vintage Vector World Map

Free, in SVG Format.

Vintage Vector World Map Free to Download

Vintage Cartography Illustration

Free, in Illustrator EPS Format.

Vintage Cartography Illustration Free to Download

Vintage World Map Illustration Concept

free, Illustrator AI & EPS Formats.

Vintage World Map Illustration Concept Free to Download

Hand-Drawn World Map Illustration

Free, in Illustrator EPS Format.

Hand-Drawn World Map Illustration Free to Download

Pixelated World Map Templates

These map templates offer a unique visual style and are perfect for projects with a technological or nostalgic theme.

Vector Dot Map Templates

Free, in Illustrator AI & EPS Formats.

Vector Dot Map Templates Free to Download

Square Dotted World Map Template

In Illustrator EPS Format Format.

Square Dotted World Map Template

Universal Dotted World Map Template

Free, in Figma Format.

Universal Dotted World Map Template Free to Download

Pixel World Maps

Free, in Figma Format.

Pixel World Maps Free to Download

Folded World Map Templates

These templates replicate the appearance of a physical map that has been unfolded, adding a layer of realism and depth to your designs. They are great for adding a tactile feel to your digital designs.

Folded Map Template

Free, in Photoshop PSD Format.

Folded Map Template Free to Download

Vector Folded World Map Template

Free, in Illustrator AI Format.

Vector Folded World Map Template Free to Download

Usage Rights & Conclusion

When using these free world map templates, it’s important that you check the license and usage rights for each template. Not all free resources come with the same permissions.

Some licenses allow use in commercial projects, while others are limited to personal use. Making sure the license fits your project needs can prevent legal issues and respects the creators’ rights.

More Free Illustrator Resources

The post 25 Free Creative World Map Templates for Designers appeared first on Speckyboy Design Magazine.

]]>
https://speckyboy.com/free-world-map-templates/feed/ 0
50+ Best Free Mobile UI Kits for iOS & Android https://speckyboy.com/free-mobile-ui-kits-ios-android/ https://speckyboy.com/free-mobile-ui-kits-ios-android/#respond Thu, 17 Oct 2024 07:32:08 +0000 http://speckyboy.com/?p=71004 Free iOS & Android mobile UI kits with an extensive collection of customizable screens & UI elements. For Photoshop, Figma, Sketch, and XD.

The post 50+ Best Free Mobile UI Kits for iOS & Android appeared first on Speckyboy Design Magazine.

]]>
Designing the UI of a mobile app from scratch can be both fun and challenging, especially when it comes to creating the user interface (UI). It can be a time-consuming and arduous task that requires a great deal of attention to detail.

To help streamline the design process and get you started on your next project faster, we’ve put together a collection of the best free mobile UI kits. These UI kits are compatible with popular design tools like Photoshop, Figma, Adobe XD, Sketch App, or Illustrator.

All of the UI kits in our collection have been designed with either iOS or Android in mind and come with an extensive collection of customizable screens and mobile UI elements. With hundreds of various UI components to choose from, you can easily create a polished and visually appealing mobile app that stands out from the crowd.

In addition, our selection of free mobile UI kits features high-resolution displays and minimal design aesthetics, which align with current design trends. By using these UI kits, you can create a mobile app that not only looks great but also offers an intuitive and user-friendly experience for your users.

Top iOS & Android UI Kits

Sleep Magic App UI Kit

Designed by Dot Studio in Figma Format.

Sleep Magic App Mobile UI Kit

Live Edu Mobile App UI Kit

Designed by Edzjey Store in Figma Format.

Live Edu Mobile App UI Kit

iOS 16 UI Kit

Designed by Joey Banks in Figma Format.

iOS 16 Mobile UI Kit

Lucky Store Mobile UI Kit

In Photoshop PSD Format.

Lucky Store free mobile app ui kit Photoshop PSD psd ios android

Simple MVP iOS Message App UI Kit

Designed by Ragabima in Figma & Swift Formats.

Simple MVP iOS Message App Mobile UI Kit

Neumorphism Mobile UI KIT

Designed by D4ME in Figma Format.

Neumorphism Mobile  Mobile UI Kit

Kanizz Mobile App Wireframe Kit

Designed by Anita in Figma Format.

Kanizz Mobile App Wireframe UI Kit

Book Store Mobile App Kit

Designed by Adarsh Goldar in Figma Format.

Book Store free mobile app ui kit Figma ios android

Calender Appointment UI Kit

Designed by Mehmet Özsoy in Adobe XD Format.

Calender Appointment free mobile app ui kit Adobe XD ios android

Holigo Mobile App

In Adobe XD, Figma & Sketch Formats.

Holigo free mobile app ui kit Adobe XD Figma Sketch ios android

Boarding Pass Mobile UI Kit

Designed by Olga Chernenka in Sketch Format.

Boarding Pass free mobile app ui kit Sketch ios android

TimePad Time Tracker UI Kit

Designed by Rizki Mulyawan in Figma Format.

TimePad Time Tracker free mobile app ui kit Figma ios android

Pharmagy Medical App Kit

Designed by Adam Sokołowski in Sketch Format.

Pharmagy Medical free mobile app ui kit Sketch ios android

Music Player Mobile App -UI Kit

Designed by Diana Shurman in Figma Format.

Music Player free mobile app ui kit Figma ios android

Travel Mobile App

In Figma, Sketch, Adobe XD, Photoshop PSD & Illustrator Formats.

Travel free mobile app ui kit Figma Sketch Adobe XD Photoshop PSD Illustrator AI SVG ios android

e-Scooter Mobile App UI Kit

Designed by Flexin Studio in Adobe XD Format.

e-Scooter free mobile app ui kit Adobe XD ios android

Online Courses Mobile App UI

Designed by Florian Heysen in Figma Format.

Online Courses free mobile app ui kit Figma ios android

Ticket Mobile App UI Kit

In Adobe XD, Sketch & Figma Formats.

Ticket free mobile app ui kit Adobe XD Sketch Figma ios android

Clean & Modern iOS UI Kit

Designed by Sandeep Kasundra in PSD Format.

Clean Modern iOS free mobile app ui kit Photoshop PSD ios android

Hello UI Kit

In Sketch Format.

Hello free mobile app ui kit Sketch ios android

Spool Mobile UI Kit

Designed by Wall Tree in Photoshop PSD Format.

Spool free mobile app ui kit Photoshop PSD ios android

Find Your Creative App UI Kit

Designed by Lorenzo Perniciaro in Sketch Format.

Find Your Creative free mobile app ui kit Sketch ios android

InSpired Mobile UI Kit

In Photoshop PSD Format.

InSpired free mobile app ui kit Photoshop PSD ios android

Harmony UI Kit

Designed by Dawid Młynarz in Sketch Format.

Harmony free mobile app ui kit Sketch ios android

Quiz App Mobile UI Kit

In Sketch & Photoshop PSD Formats.

Quiz free mobile app ui kit Sketch Photoshop PSD ios android

Travel UI Kit

Designed by Ruby Bacanovic in Sketch Format.

Travel free mobile app ui kit Sketch ios android

Mobile Material Screens

Designed by EpicCoders in Photoshop PSD Format.

Material Screens free mobile app ui kit Photoshop PSD psd ios android

Zoomie Social Media Mobile App Kit

In Figma, Sketch & Adobe XD Formats.

Zoomie Social Media free mobile app ui kit Figma Sketch Adobe XD ios android

Material UI Design Library

Designed by UXPin.

Material UI Design Library free mobile app ui kit ios android

Fitness App UI Kit

Designed by Buğra Dere in Photoshop PSD Format.

Fitness free mobile app ui kit Photoshop PSD psd ios android

Fashion Magazine App Kit

In Sketch Format.

Fashion Magazine free mobile app ui kit Sketch ios android

Verve UI Kit

Designed by Oleg Bolshakov in Photoshop PSD Format.

Verve free mobile app ui kit Photoshop PSD psd ios android

Nest Material Design UI

Designed by JoJo in Sketch Format.

Nest Material Design free mobile app ui kit Sketch ios android

Do Free Mobile Productivity App UI Kit

Designed by Invision.

Do Free Mobile Productivity app ui kit ios android

Portal UI Kit

In Photoshop PSD Format.

Portal free mobile app ui kit Photoshop PSD psd ios android

Fashion UI Kit

Designed byMax Klimchuk in Sketch Format.

Fashion free mobile app ui kit Sketch ios android

eCcommerce UI Kit

Designed by Ena Bacanovic in Sketch Format.

eCcommerce free mobile app ui kit Sketch ios android

Zara iOS App Concept

Designed by Maxence Henric in Sketch Format.

Zara iOS free mobile app ui kit Sketch ios android

Facebook iOS App News Feed

Designed by Kejia Shao in Sketch Format.

Facebook iOS App News free mobile app ui kit Sketch ios android

iOS eCommerce UI Kit

Designed by ThinkMobiles in Sketch Format.

iOS eCommerce free mobile app ui kit Sketch ios android

Crisp Free Ecommerce UI Kit

Designed by Baltazar Pazos in Sketch Format.

Crisp Free Ecommerce mobile app ui kit Sketch ios android

Fade Mobile App UI Kit

Designed by David Perger in Photoshop PSD Format.

Fade free mobile app ui kit Photoshop PSD psd ios android

Minimal UI Kit

Designed by Mohamed Kerroudj in Sketch Format.

Minimal free mobile app ui kit Sketch ios android

Recipes App UI Kit

Designed by Alex Dapunt in Sketch Format.

Recipes free mobile app ui kit Sketch ios android

Instagram UI Kit

Designed by Mohamed Kerroudj in Sketch Format.

Instagram free mobile app ui kit Sketch ios android

Ongaku Music Application UI Kit

Designed by Der Wolfe in Sketch Format.

Ongaku Music Application free mobile app ui kit Sketch ios android

Arco Mobile UI Kit

Designed by MarketMe in PSD & Sketch Formats.

Arco free mobile app ui kit Photoshop PSD psd Sketch ios android

Deadline Mobile UI Kit

Designed by Rajesh Rajput in Photoshop PSD Format.

Deadline free mobile app ui kit Photoshop PSD psd ios android

Snapchat UI Kit

Designed by Zach Buechler in Sketch Format.

Snapchat free mobile app ui kit Sketch ios android

Mobile UI Kit FAQs

  • What are Mobile UI Kits?
    They are collections of user interface components tailored for mobile apps. They include various elements like buttons, menus, and input fields, designed to build and design mobile app interfaces quickly and efficiently.
  • Why Should I Use Free Mobile UI Kits?
    They’re a huge time-saver. With pre-designed elements, you can focus on customizing and refining your app’s design instead of starting from scratch. Plus, they’re free, making them perfect for budget-conscious projects.
  • Can Anyone Use These UI Kits?
    Yes, they’re generally user-friendly. While some familiarity with design tools like Sketch, Figma, Photoshop, or Adobe XD is helpful, many kits have been created to be easy for anyone to use.
  • How Customizable are Free Mobile UI Kits?
    They offer a good level of customization. You can tweak colors, fonts, and the layout to fit your app’s design needs. The extent of customization varies with each kit.
  • Do Free UI Kits Include Icons and Fonts?
    Often, yes. Many UI kits come with icons and suggested fonts, which you can use to maintain a consistent design style throughout your app.
  • Are Free UI Kits Compatible with All Mobile Platforms?
    Most UI kits are designed for major platforms like iOS and Android. It’s important to choose a kit that matches the platform you’re designing for to ensure compatibility.
  • How Do I Choose the Right Mobile UI Kit for My Project?
    Consider the style and functionality you need. Look for a UI kit that matches the aesthetic of your app and includes the types of elements and layouts you’ll require.
  • How Do Mobile UI Kits Impact App Development?
    They streamline the design process, allowing developers and designers to focus more on functionality and user experience. A well-designed UI kit can significantly speed up app development.
  • Can I Use Mobile UI Kits for Both iOS and Android Apps?
    Some kits are designed specifically for one platform, while others are more universal. Look for a kit that specifies compatibility with iOS, Android, or both.
  • Are There UI Kits for Specific Types of Apps?
    Yes, you can find UI kits tailored for various types of apps, such as eCommerce, health and fitness, social media, and more. These specialized kits include elements relevant to the specific app genre.

Conclusion

To use one of these mobile UI kits, choose one that suits your project needs, customize it, use its components to create your design, add your own design elements, test and refine.

These mobile UI kits will provide a solid foundation for UI designers to create intuitive and user-friendly mobile app interfaces efficiently.

More Free UI Resources

The post 50+ Best Free Mobile UI Kits for iOS & Android appeared first on Speckyboy Design Magazine.

]]>
https://speckyboy.com/free-mobile-ui-kits-ios-android/feed/ 0
40+ Free Web UI Kits & Templates https://speckyboy.com/free-web-ui-kits/ https://speckyboy.com/free-web-ui-kits/#respond Mon, 14 Oct 2024 15:04:20 +0000 https://speckyboy.com/?p=82045 A collection of free web UI kits to help designers create stunning websites and web applications in Photoshop, Sketch, Figma, and XD quickly.

The post 40+ Free Web UI Kits & Templates appeared first on Speckyboy Design Magazine.

]]>
Web UI kits are pre-designed collections of user interface components that can help you save time and streamline your design process. These kits typically include common design elements such as buttons, menus, forms, and icons.

Rather than starting from scratch, you can use a UI kit as a foundation for a design and customize it to fit your specific project requirements. This can be especially useful when working on tight deadlines or creating a UI design for clients with specific design requirements.

The free UI kits we have for you here have been created by talented designers and can help ensure that your website, application, or admin dashboard is both aesthetically pleasing and user-friendly. A well-designed UI kit can help establish a consistent visual identity, which is essential for creating a cohesive and polished website.

This is a curated collection of our favorite free web UI kits. These kits come in various styles and popular formats like Photoshop PSD, Figma, Sketch App, and Adobe XD. We hope you find these resources helpful and use them to create beautiful and functional designs.

Free Web Layout UI Kits

Dark Mode Design System UI Kit

Designed by Dee Aero in Figma Format.

Dark Mode Design System Free Web UI Kit Figma

First Order Free UI Kit

Designed by Craftwork in Photoshop PSD, Sketch App & Figma Formats.

First Order Free Web UI Kit Figma Photoshop PSD

The Basics Web UI Kit

In Photoshop PSD & Sketch App Formats.

The Basics Web UI Kit Sketch App Photoshop PSD

LoudMusic Podcast Free Web UI Kit

Designed by Zulqurnain Haider in Figma & Adobe XD Formats.

LoudMusic Podcast Free Web UI Kit Figma Adobe XD

Sven Modern Free UI Kit

Designed by GraphBerry in Photoshop PSD Format.

Sven Modern Free Web UI Kit Photoshop PSD

Derick Creative Website UI Kit

In Sketch App & SVG Formats.

Derick Creative Website Web UI Kit Sketch App

eCommerce Free UI Kit

Designed by Saber Ali in Figma Format.

eCommerce Free Web UI Kit Figma

Neomorphism Darkness Free UI Kit

Designed by Victor Webiz in Adobe XD Format.

Neomorphism Darkness Free Web UI Kit Adobe XD

Singleton UI Pack for Landing Pages

in Photoshop PSD & Sketch App Formats.

Singleton Pack Landing Pages Web UI Kit Sketch App Photoshop PSD

Avia Free Dashboard UI Kit

Designed by UI8 in Photoshop PSD & Sketch App Formats.

Avia Dashboard Free Web UI Kit Photoshop PSD

Sketch UI Design Framework

Designed by Wojciech Dobry in Sketch App Format.

Design Framework Free Web UI Kit Sketch App

IDTOOL Landing Page Free Web UI Kit

Designed by ID-TOOL DEX in Adobe XD & Figma Formats.

IDTOOL Landing Page Free Web UI Kit Figma Adobe XD

MusicBox Free UI Kit & 70 Screens

Designed by Michael K. in Adobe XD Format.

MusicBox Free Web UI Kit Adobe XD

Ares Free UI Kit

Designed by Wagner Ramos in Sketch App Format.

Ares Free Web UI Kit Sketch App

Free Dark & Light UI Element Kit

Designed by Zulqurnain Haider for Adobe XD.

Dark & Light UI Element Free Web UI Kit Adobe XD

The Free 3D Web UI Kit

Designed by MediaLoot in PNG & Photoshop PSD Formats.

3D Free Web UI Kit Photoshop PSD

Business Website UI Design Kit

Designed by Talha Qurashi in Fogma Format.

Business Website Free Web UI Kit

Design Systems & UI Styleguides

RevKit Free Design System UI Kit

Designed by Nitish Khagwal in Sketch App Format.

RevKit Design System Free Web UI Kit

Design Styleguide Page

in Figma, Adobe XD & Sketch App Formats.

Design Styleguide Page Web UI Kit Sketch App Adobe XD

Free Exo Kit Design System

Designed by Anthony Choren in Figma Format.

Exo Design System Free Web UI Kit Figma

Dashboard UI Styleguide

in Photoshop PSD, Adobe XD, Figma & Sketch App Formats.

Dashboard Styleguide Web UI Kit Figma Sketch App Adobe XD Photoshop PSD

Free Grommet Design Kit

Designed by grommet in Framer X, Adobe XD, Figma & Sketch App Formats.

Grommet Design Free Web UI Kit Figma Sketch App Adobe XD

Design Framework Free Sketch UI Kit

Designed by Jon Brick in Sketch App Format.

Design Framework Free Web UI Kit Sketch App

Free Mega UI Style Pack

Designed by Stefan Kuhl in Photoshop PSD Format.

Design Framework Photoshop PSD Free Web UI Kit

Free Design System UI Kit

Designed by Elizaveta Rypakova in Figma Format.

Design System Free Web UI Kit Figma

Free UI Components & Widgets

Components Free UI Kit

Designed by Michael Filipiuk in Sketch App, Figma & Adobe XD Formats.

Components Free Web UI Kit Figma Sketch App Adobe XD

Huge Free UI Kit

Designed by Krasi Stoimenov in Photoshop PSD & Illustrator Formats.

Huge Free Web UI Kit Photoshop PSD Illustrator

Scheme Flowcharts Starter Kit

in Sketch App Format.

Scheme Flowcharts Starter Web UI Kit

Chart Components Free UI Kit

Designed by Frank Esteban Isdray in Figma Format.

Chart Components Free Web UI Kit Figma

Ultimate Infographics UI Kit

Designed by ThemeRaid in Illustrator AI Format.

Ultimate Infographics Free Web UI Kit Illustrator AI

Cards Dashboard Widgets & Components

in Photoshop PSD, Sketch App & Adobe XD Formats.

Cards Dashboard Widgets Components Web UI Kit Sketch App Adobe XD Photoshop PSD

LiquidPro Components UI Kit

Designed by Dtail Studio in Sketch & Photoshop PSD Format.

LiquidPro Components Free Web UI Kit Photoshop PSD

Smart Home Free Digital UI Kit

Designed by Invision in Sketch & Photoshop PSD Formats.

Smart Home Free Digital Free Web UI Kit

Dashboard Charts Free UI Kit

Designed by Mimi in Sketch App, Figma & Adobe XD Formats.

Dashboard Charts Free Web UI Kit Figma Sketch App Adobe XD

Deca Clean & Clear UI Kit

Designed by Craftwork in Figma, & Sketch App Formats.

Deca Clean Clear Free Web UI Kit Figma Sketch App

FormKit Form Components Library

Designed by Curtis Lee in Sketch App Format.

FormKit Form Components Library Free Web UI Kit Sketch App

Free Dashboard UI Kits

Dashboard Interface Elements

Designed by Tran Mau Tri Tam in Sketch App Format.

Dashboard Interface Elements Free Web UI Kit Sketch App

Reading App Dashboard UI Kit

in Figma, Sketch App & Adobe XD Formats.

Reading App Dashboard Web UI Kit Sketch App Adobe XD

Free Dashboard Cards Free UI Kit

Designed by Saransh Verma in Adobe XD & Illustrator Formats.

Dashboard Cards Free Web UI Kit Adobe XD

Bootstrap UI Kits

Bootflat Free UI Kit

Designed by Darthsnow in Photoshop PSD Format.

Bootflat Free Web UI Kit Photoshop PSD

Modern Bootstrap UI Components

in Adobe XD Format.

Modern Bootstrap UI Components Web UI Kit Adobe XD

Free Bootstrap 5 UI Kit

Designed by ThemeSelection in Sketch App Format.

Bootstrap 5 Free Web UI Kit

Free Material Design UI Kits

Material 3 Design Kit

Designed by Material Design in Figma Format.

Material 3 Design Free Web UI Kit Figma

Material Admin Dashboard UI Kit

in Photoshop PSD, Adobe XD & Sketch App Formats.

Material Admin Dashboard Web UI Kit Sketch App Adobe XD Photoshop PSD

The Free Material Design UI Kit

Designed by Designtory in Photoshop PSD Format.

Free Material Design Web UI Kit Photoshop PSD

Web UI Kit FAQs

  • What are Web UI Kits?
    Web UI kits are collections of user interface components—like buttons, icons, and forms—that you can use to design websites. They come with a variety of elements to make web design smoother and more consistent.
  • Why Use Web UI Kits?
    They save time and ensure your design looks polished. With pre-made components, you don’t have to create every element from scratch, which is perfect for quick projects or for those just starting in web design.
  • Are Free UI Kits Good Quality?
    Yes! Many free UI kits are created by talented designers and offer a professional look. They’re a fantastic resource, especially when you’re on a tight budget.
  • Do I Need to Be a Web Designer to Use These Kits?
    Not necessarily. While some basic understanding of web design principles helps, many UI kits are designed with ease of use in mind, making them accessible to beginners.
  • How Customizable are these Free Web UI Kits?
    You can tweak colors, fonts, and layout elements to fit your project. The level of customization can vary, but typically, there’s plenty of scope to make them your own.
  • Are These UI Kits Compatible with All Web Design Software?
    Many UI kits are made to be compatible with popular web design tools like Photoshop, Sketch, and Figma. Check the kit’s specifications to ensure compatibility with your software.
  • Can I Use These UI Kits for Commercial Projects?
    Often, yes, but always check the licensing terms. Some free kits are available for both personal and commercial use, while others might have certain restrictions or requirements.
  • Can I Use Web UI Kits for Mobile App Design?
    Some web UI kits are versatile enough for mobile app design, especially those with responsive components. However, it’s best to check if the kit is specifically designed for web or mobile use.
  • How Can I Tell if a UI Kit Is High Quality?
    Look for kits with positive reviews or ratings, and check the creator’s reputation. High-quality UI kits often have detailed, well-organized components, and clear, crisp visuals.
  • Are There Industry-Specific Web UI Kits?
    You can find UI kits tailored for specific industries like e-commerce, healthcare, and education. These kits include elements and layouts relevant to the particular industry.
  • What’s the Difference Between a UI Kit and a Template?
    A UI kit is a collection of components and elements you can use to create your own unique layout. A template is a pre-designed webpage layout. UI kits offer more flexibility, while templates give you a complete, ready-to-use design.
  • Can I Mix Elements from Different UI Kits?
    Mixing elements from different kits can give your design a unique look. Just be mindful of maintaining a cohesive style and check compatibility between elements.

More Free UI Resources

The post 40+ Free Web UI Kits & Templates appeared first on Speckyboy Design Magazine.

]]>
https://speckyboy.com/free-web-ui-kits/feed/ 0
25 Fantastic Tutorials For Learning UI Design in Figma https://speckyboy.com/learn-figma-tutorials/ https://speckyboy.com/learn-figma-tutorials/#respond Mon, 14 Oct 2024 07:15:07 +0000 https://speckyboy.com/?p=146123 From UI basics to more advanced techniques, with the help of these tutorials, you'll be able to learn and master Figma in no time.

The post 25 Fantastic Tutorials For Learning UI Design in Figma appeared first on Speckyboy Design Magazine.

]]>
Figma is a browser-based design tool that allows designers, developers, and creative teams to create, edit, and collaborate on UI designs. Its robust interface and real-time collaboration features have made it a popular choice.

For beginners, tutorials are a great way to learn how to use Figma effectively. These tutorials offer step-by-step visual instructions that are easy to follow, enabling you to quickly learn new skills and improve your techniques.

Our round-up includes the best Figma tutorials available online. These tutorials cover everything from UI basics to more advanced techniques, and they will help you master Figma in no time. By following these tutorials, you’ll learn how to navigate the interface, create and edit designs, and make the most of Figma’s features.

We have also published a collection of free Figma UI templates.

Figma Tutorials For Beginners

To get started, let’s explore some winning resources for beginners. If you’re totally new to Figma, these handy tutorial guides will help you get up and running fast.

What is Figma?

Are you just curious about Figma and what it can do? Those questions and many more are answered in this brief, bite-sized tutorial video for 2023.

What is Figma Tutorial

Learn Figma In Under 10 Minutes

Ready to get started with Figma? This quick intro video is a great way to get going. It covers the basics in less than ten minutes!

Learn Figma In Under 10 Minutes

Design a Website from Start to Finish with Figma

Do you want to build an entire website in Figma but need help figuring out where to start? This video is here to help, showing you how to build an entire website from scratch using Figma.

Design a Website from Start to Finish with Figma

Introduction to Figma

Prefer written tutorials over videos? Try this one, with handy step-by-step guides to help you find your way around Figma and its basic features.

Introduction to Figma

A Complete Figma Tutorial for Beginners

This complete guide is another resource for Figma newbies. It assists you with getting up and running, building unique content with Figma quickly.

A Complete Figma Tutorial for Beginners

A Beginners Tutorial to Figma

Many of us learn best by doing. This complete video guide showcases and explains the essentials of Figma.

A Beginners Tutorial to Figma

How to Use Figma for Your Next Project

Last but not least, start your Figma journey with this introductory tutorial. A sample design is used for a real-world example. You can follow along and learn how to start making edits of your own.

How to Use Figma for Your Next Project

Figma Web Design Tutorials

Now, let’s dive into the details. You’ll learn how to start using Figma to design amazing websites of your own in no time. Read on!

How to Use Figma for Website Design

Figma is crafted for robust website designs. Learn how to use Figma to construct sleek, readable layouts in just a few clicks.

How to Use Figma for Website Design

Advanced Features in Figma Explained

Building a workflow in Figma is a key part of success. This video guide shows off several productivity tools that will help you work smarter and create designs faster.

Advanced Features in Figma Explained

Variants in Figma Tutorial

Variants in Figma help you make alternate versions of a single object. This video shows you how to use them and offers ideas for how to leverage their power effectively.

Variants in Figma Tutorial

Figma Auto Layout Tutorials

In this set of tutorials, you will learn how to use Auto Layout in Figma. With it, you can make dynamic designs that adapt to different screen sizes and layouts.

Auto Layout & Components in Figma

You’ll learn how to use two of Figma’s essential features here. They are auto layout and components, both of which are covered here in detail. You’ll watch the features at work and learn to troubleshoot common issues.

Auto Layout Components in Figma

Getting Started with Auto Layout in Figma

Auto Layout in Figma is a newer feature for building advanced designs. It can seem daunting, but this tutorial simplifies things. It’s detailed without becoming overly lengthy.

Getting Started with Auto Layout in Figma

Learn Auto Layout in Figma

Another option is this written Auto Layout article. It stands out for its detailed descriptions of Auto Layout features and how they work. Use it to boost your understanding of Figma’s creative options.

Learn Auto Layout in Figma

Figma Auto-Layout with Responsive Components Tutorial

Combine the power of Auto Layout and components using the skills you’ll learn in this tutorial. They help you maintain a steady design aesthetic across projects, even while working faster.

Figma Auto-Layout with Responsive Components Tutorial

Figma Prototype & Button Tutorials

Prototypes in Figma let you create interactive mockups of designs. Buttons are one of the critical parts of creating interactive prototypes. Here, you’ll learn to use both.

Working with Figma Button Components

Components are user interface elements in Figma. Learn how to build and work with them in this task-based tutorial article.

Working with Figma Button Components

The Correct Way to Prototype in Figma

Prototyping helps you see how users will experience your finished product. It ensures your content works flawlessly and stays current. To do it right, turn to this tutorial guide for Figma.

The Correct Way to Prototype in Figma

Create & Test a Prototype in Figma

Robust and detailed, this tutorial shows you how to create a prototype in Figma. You’ll learn how to connect key parts of your design, and then share it with others.

Create & Test a Prototype in Figma

How to Create a Button With a Hover Functionality in Figma

In this guide, you’ll learn how to create a button in Figma. This is an incredibly common use case, and here, it’s simplified so that you can get to work quickly.

How to Create a Button With a Hover Functionality in Figma Tutorial

Three Tips for Building Complex Prototypes in Figma

Here, you’ll learn three tips for complex Figma prototypes. They will help you dial in the specifics you need to put your work to the test.

Three Tips for Building Complex Prototypes in Figma Tutorial

Other Figma Tips & Tricks

To close out our tutorial roundup, we’ve compiled even more helpful resources. These written guides and videos help you make the most of Figma by unlocking its most powerful features.

10 Figma Hacks for Boosting Your Productivity

Users of every skill level can always enjoy learning new skills. Here, ten Figma tips and tricks are featured to help you do your very best work. It’s a fast read that may save you hours of work.

15 Tips to Design Faster in Figma

Expert Figma users know tips and tricks that save time. Here, 15 of these are compiled into one fun video. It’s essential viewing if you want to master Figma.

How to Export Figma to HTML

Exporting HTML is easy in Figma – and you don’t have to learn to code! Learn exactly how in this written tutorial. Prefer a video? You’ll find a link here too.

How to Export Figma to HTML Tutorial

Advanced Figma Tips & Tricks

Advanced Figma features help you focus on details and fine-tune designs. Here, you’ll learn how to scrub fields, save image styles, add properties, and so much more.

Advanced Figma Tips Tricks Tutorial

How to Build a Design System in Figma

You don’t have to construct design systems from scratch. Figma supports work just like this, and the fundamentals are mapped out in this tutorial guide.

How to Build a Design System in Figma

What is FigJam?

FigJam is a whiteboard built by Figma that works online. It’s an effective tool for design and collaboration. Learn the basics and get to work with FigJam after learning about the features in this tutorial.

What is FigJam by Figma

The post 25 Fantastic Tutorials For Learning UI Design in Figma appeared first on Speckyboy Design Magazine.

]]>
https://speckyboy.com/learn-figma-tutorials/feed/ 0
25+ Best Free Social Media Icon Sets for UI Designers https://speckyboy.com/social-icon-sets/ https://speckyboy.com/social-icon-sets/#respond Sun, 13 Oct 2024 07:02:32 +0000 http://speckyboy.com/?p=43620 A collection of the best free social media icon sets. Available in various styles, formats, and covering all major social media services.

The post 25+ Best Free Social Media Icon Sets for UI Designers appeared first on Speckyboy Design Magazine.

]]>
The icons, glyphs, or logos of popular social media platforms such as Facebook, X, Snapchat, Instagram, LinkedIn, and others, are often used on websites, mobile apps, email campaigns, and YouTube videos to provide users with an easy way to follow and engage with a person, brand or organization on social media.

By using recognizable social media icons, you can make it easier to be found and followed on social media. Additionally, a consistent and professional icon design can improve the design of your UI.

There are many options for free social media icon sets. They come in various styles, sizes, colors, and formats, so you will need to pick the set that best fits the specific needs of your project.

This collection has thirty professionally designed and free social media icon sets to help narrow your search. They all include the icons and logos of all the major social media services – and some of the lesser-known – and come in various popular formats (icon fonts, Figma, Adobe XD, PSD, AI, EPS, Sketch, PNG, and SVG).

Standard Social Media Icon Sets

These free sets consist of the icons or logos of the most popular social media platforms, such as Facebook, Twitter, and LinkedIn. With their simple and recognizable design, these icon sets will make it easy for users to follow your channels.

Social Media Logo Icons

112 Free Icons, in Figma Format

Social Media Logo Icons

Original Social Network Icons

100+ Free Icons, in PNG, SVG, and Base64 Formats

Original Social Network Icons

Free Social Media Icon Set

40 Free Icons, in Figma Format

Free Social Media Icon Set

Social Media Icons Kit

130 Free Icons, in Figma Format

Social Media Icons Kit

Original, White, and Black Free Social Icons

159 Free Icons, PNG, SVG, and Figma Formats

Original, White, and Black Free Social Icons

Scalable Social Media Icon Set

111 Free Icons, in Figma Format

Scalable Social Media Icon Set

Social Media Glyphs & Pictograms

These social media glyph and pictogram sets have simplified the logos of most popular social media platforms, making it easier for users to recognize them. By using these glyphs, you can create a more cohesive user experience.

Socialtograms Social Media Pictograms

112 Free Icons, in AI Format

Socialtograms Social Media Pictograms

Free Social Media Vector Glyphs

48 Free Icons, in AI Format

Free Social Media Vector Glyphs

Social Media Glyphs

29 Free Icons, in Figma Format

Social Media Glyphs

Drawic High-Resolution Social Media Icons

88 Free Icons, in SVG Format

Drawic High-Resolution Social Media Icons

Free Social Flat Design Icon Set

Sketch, SVG, and AI Formats

Free Social Flat Design Icon Set

Free Social Media Fill Icons

30 Free Icons, in Figma and Sketch Formats

Free Social Media Fill Icons

Free Social Network Icon Pack

15 Free Icons, in AI, EPS, PNG, and SVG Formats

Free Social Network Icon Pack

Social Media Icon Fonts

Icon fonts offer a scalable and customizable solution for adding social media icons to a website, mobile app, or newsletter. With their streamlined design and ease of use, these icon fonts offer a simple and consistent solution.

Font Awesome Brands Icons

467 Free Icons, Icon Font Format

Font Awesome Brands Icons

Simple Social Icon Webfont

51 Free Icons, Icon Font Format

Simple Social Icon Webfont

Get Social Media Font

86 Free Icons, in SVG, PNG, and Icon Font Formats

Get Social Media Font

Hand-Drawn Social Media Icon Sets

These social media icon sets feature handcrafted icons with an organic and memorable design. With their whimsical design, these hand-drawn social media icon sets can add a playful element to your social media presence.

Hand-Drawn Social Logos in Color

PNG, SVG, and Base64 Formats

Hand-Drawn Social Logos in Color

Hand-Drawn Vector Social Media Icons

103 Free Icons, in AI, EPS, PDF, and SVG Formats

Hand-Drawn Vector Social Media Icons

Social Media Icons in Various Hand-Drawn Styles

160 Free Icons, in PNG Format

Social Media Icons in Various Hand-Drawn Styles

Flat Design Social Media Icon Sets

These free social media icon sets use the always popular flat design aesthetic. They are all minimalistic, user-friendly, scalable, and customizable.

Free Flat Set of Social Media Badges Icon Set

20 Free Icons, in Photoshop PSD Format

Free Flat Set of Social Media Badges Icon Set

Flat Social Icon Freebie

14 Free Icons, in Photoshop PSD Format

Flat Social Icon Freebie

Free Social Media Icon Set

30 Free Icons, in AI, EPS, SVG, and PNG Formats

Free Social Media Icon Set

3D Social Media Icons

3D Social Media Icons Pack

8 Free Icons, in PNG Format

3D Social Media Icons Pack

Free Social Media 3D Icon Set

22 Free Icons, in Photoshop PSD Format

Free Social Media 3D Icon Set

Motion Graphic Social Media Icon Set

Social Media Icon Pack for After Effects

18 Free Icons, in AE Format

Social Media Icon Pack for After Effects

Social Media Icon Set FAQs

  • What are social media icon sets?
    They are collections of icons representing various social media platforms like Facebook, Twitter, Instagram, and LinkedIn. They’re used in digital designs to link to social media profiles or pages.
  • How can UI designers use these social media icons?
    UI designers can incorporate them into websites, apps, and digital marketing materials to connect users to social media channels.
  • Who else might find these social media icon sets useful?
    Apart from UI designers, these icons are great for web developers, content creators, and digital marketers who need to integrate social media links into their projects.
  • What file formats do these icon sets typically come in?
    Common formats include SVG, PNG, and EPS, giving you the versatility to use them in a wide range of design applications.

More Free Icon Sets

The post 25+ Best Free Social Media Icon Sets for UI Designers appeared first on Speckyboy Design Magazine.

]]>
https://speckyboy.com/social-icon-sets/feed/ 0