Design
![The Best Free Online Image Editors](jpg/1679985173google-fonts-font-display.jpg)
We delve into the top free online photo editors and explore their features to help you discover the solution for your design needs.
![The Best Figma Plugins to Enhance Your Design Workflow in 2023](jpg/1680328749wordpress-contact-forms.jpg)
In this article, we'll explore the top Figma plugins that every designer should consider using to enhance their design workflow in 2023.
![Quick Tip: Pull Data from an API into a Figma Layer](jpg/1679897824figma-pull-api-data.jpg)
Discover how to use the Data Sync plugin to easily pull data from an API into a Figma Layer
![Quick Tip: Removing the Background from an Image in Figma](jpg/1679895118figma-remove-background.jpg)
Discover how to use the plugin Icons8 Background Remover to quickly and easily remove backgrounds from images in Figma
![Creating a Custom Button Icon in Figma](jpg/1679885524figma-custom-button.jpg)
Dive into how illustration works in Figma. In this tutorial, we’ll learn how to draw and manipulate vectors in Figma as we create an icon.
![UI Design Inspiration: Do You Think About Your Textures?](jpg/1655692417featrue-pattern.jpg)
Looking for UI design inspiration? Rather than adding a new color or changing a font, have you thought about your textures?
![Web Typography: Establishing a Strong Typographic System](png/1654563914mobile-vs-laptop.png)
Setting up a new typography system is always a complicated task with literally hundreds of tweakable variables. The best way to save your sanity is a design system that can answers most of those little questions.
![6 Clever SVG Pattern Generators for Your Next UX Design](jpg/1655276258god570m.jpg)
Though SVG Patterns aren't super widely understood, they offer a lot of really interesting design options – once you get your head around them.
![The Cicada Principle and Why It Matters to Web Designers (updated)](jpg/1655947166image-76.jpg)
How can the lifecycle of the humble cicada help you to make better seamless tile backgrounds? It will all make sense soon...
![The Easiest Way to Animate WordPress Websites: BeBuilder + Lottie](jpg/1652079939lottie-animation.jpg)
Lottie animation is the newest and most effective way to animate websites. Learn why Lottie with BeTheme creates better user experiences.
![How to Create a Color Palette for Your Design System](jpg/1651637815cpds-scaled.jpg)
A color palette is one of the most important aspects of a design system. Designers can use them to create a visual hierarchy, a unified look and feel, and evoke emotions.
![An Introduction to User Journey Maps](jpg/1646355867user-journey-mapping.jpg)
Understanding user experience is crucial for successful business. Learn how user journey maps help to optimize your products and services.
![How to Remove a Background in Photoshop: 6 Quick & Easy Methods](jpg/1576625640remove-background-photoshop.jpg)
Need to remove an image background? Learn six ways to remove a background in Photoshop, depending on the kind of image you're working with.
![The Best Figma Plugins: 50+ Workflow Superchargers](jpg/1642648108design.jpg)
Too many Figma plugins to choose from? Supercharge your design workflow with our picks for the best Figma plugins.
![The 5 Best Design Handoff Tools](jpg/1637034391design-handoff.jpg)
Handing off designs to developers has a troubled history. Learn about 5 excellent apps that have revolutionized the design handoff process.
![Figma Prototypes: A Quick, Step-by-Step Guide to Useful Mockups](jpg/1617712891ux-proto.jpg)
Take your wireframes and mockups to the next level by creating interactive FIgma prototypes that are navigable and animated. Here's how!
![5 Web Design Trends for 2021](png/1612665278web-design-trends-2021.png)
Web design trends come and go. 2020 was no exception. Web designers will see some familiar trends replaced by safer and more dependable design choices.
![An Introduction to Wireframing with Figma](jpg/1613785932figma-wireframing-1200.jpg)
Wireframes are important for ensuring good UX. Learn how to use Figma to figure out the best UX design workflow for your layout.
![How to Improve User Experience with Accurate User Feedback](png/1609807896better-ui-feedback.png)
You submit a form—but get no feedback. Wha? Did it submit? Learn how to make sure your UI elements provide feedback to users—so that you don't lose them!
![8 Cross-Browser Testing Tools You Need in 2022](jpg/1469286881stack.jpg)
Though browsers are arguably more reliable than they've ever been, we still can't forget about cross-browser testing tools. Here are 7 top options for you.
![A Guide to Positive Reinforcement in UX Design](jpg/1606332332pr.jpg)
Michiel Mulders explains the meaning of positive reinforcement in terms of UX, and offers practical tips for improving the experience of website visitors.
![Learnability in Web Design: 5 Best Practices](jpg/1603371096learnability-1200-squashed.jpg)
Michiel introduces five best practices you can use to provide a more learnable interface to your users, from consistency to familiarity and storification.
![Why Developers Should Design Their Own Niche Portfolio Sites](jpg/160014827541.jpg)
We look at seven WordPress themes covering a wide range of niches that provide the perfect launching pad for designing your own, unique portfolio sites.
![What Is SVG? Your Guide to SVG Files](jpg/1597254478svg-squashed.jpg)
Learn why SVG is superior to pixel graphics in terms of scalability, responsiveness, interactivity, programmability, performance, and accessibility.
![Meet Flipsnack, An Easy Design Tool for Incredible Magazines](jpg/1594288951artisan.jpg)
Flipsnack is a design/layout tool similar to InDesign and Affinity Publisher that helps you easily create professional layouts online.
![Fonts and Colors Used by Facebook, Twitter, Instagram, Google and More](png/1594257971fonts-colors.png)
A cheatsheet of the fonts and colors used by Facebook, Twitter, Instagram, Pinterest, Messenger, Snapchat, Whatsapp and YouTube, with links to official brand assets.
![How to Redesign the Django Admin with Bootstrap](jpg/1588125191django-admin.jpg)
Lucero del Alba walks through how to restyle the Django admin interface to match the look and feel of the rest of your site, with the help of Bootstrap.
![How to Design for Screen Readers with Adobe XD CC](png/1582544632screen-readers.png)
Daniel Schwarz offers tips on designing for screen readers, and walks through how Adobe XD CC’s design handoff and voice prototyping features help with this.
![9 Key Ways to Turbocharge Your Design Career](jpg/1566133236design-career.jpg)
Gal Shachar digs into all the things you can do to advance your design career, from marketing yourself, building a brand, experimenting, and launching a side business, to putting your name and work out there for people to find.
![How to Use Bannersnack to Generate Amazing Banners in Seconds](jpg/1565362829bannersnack-banners.jpg)
Gal Shachar introduces Bannersnack, an online, drag-and-drop interface that lets you design banner ads quickly and efficiently, saving time and money.