Whether you’re making a social media post, YouTube thumbnail, images for website, or school project, editing photos is something almost everyone does today. The good news is that you don’t need expensive software or advanced design skills anymore. A Free AI Image Editor can help you make quick changes in just a few clicks. AI… Continue reading Free AI Image Editor: Easy Ways to Edit Photos for Any Project
Tag: image
The Four Design Jobs AI Created (So Far)
Summary: “AI design” is one label but has forked into four different types of work. What Does “AI Design” Mean? When someone says “AI design,” everyone in the room pictures something different. One person is thinking about using AI to generate component variations for a design system. Another is designing a chat interface. A third… Continue reading The Four Design Jobs AI Created (So Far)
Closing the Loop: What to Do After a Design Critique Ends
Summary: Most designers invest in running critiques but skip the followup. That missing step is often why feedback culture breaks down. Design critiques generate feedback. But feedback is valuable only if someone closes the loop on it: telling people what changed because of what they said, what didn’t change, and why. This article covers two… Continue reading Closing the Loop: What to Do After a Design Critique Ends
Rethinking design with your hands in the AI world
Why design isn’t found in a prompt, but in toil and the creator’s “thinking hand.” In a world of automated perfection, the “thinking hand” reclaims the grit, soul, and human conviction that make design truly come alive. (image source: jonmiura) Lucasfilm and the Art of the Matte Painting For close to 50 years, the same Star… Continue reading Rethinking design with your hands in the AI world
Usability, accessibility, and the human-AI paradigm
The divergence between usability and accessibility in the age of AI and vibe coding Usability and Accessibility Today, during what began as a routine discussion on accessibility with my Project Manager, the conversation took an unexpected turn. She suddenly looped in a senior member of the development leadership to “help move things forward.” In the middle… Continue reading Usability, accessibility, and the human-AI paradigm
Logo Design After AI: How Designers Create Powerful Brand Logos in 2026
AI tools have changed how logo design for brands begins—but not how it succeeds. Today, designers can generate logo concepts in seconds, explore styles instantly, and speed up the creative process. However, creating a logo that is clear, memorable, and meaningful still requires human thinking and strategy. Many people assume AI tools can replace graphic… Continue reading Logo Design After AI: How Designers Create Powerful Brand Logos in 2026
How to Upscale Images Without Losing Quality (Beginner Guide)
Image upscaling means making a small image bigger without making it look blurry. When you increase image size in a normal way, the picture often loses detail. It becomes soft or pixelated. This is where an image upscaler helps. It uses smart methods to add detail while increasing size. Many AI tools now use to… Continue reading How to Upscale Images Without Losing Quality (Beginner Guide)
5 Image Editing Techniques with Google Nano Banana
[unable to retrieve full-text content] Image generated in Google Nano Banana (prompt: friendly banana in pixelated style of old games). Google Nano Banana is the codename for Gemini 2.5 Flash Image, the latest image generation & editing model from Google. This model has a few notable features that make it stand out, such as advanced image… Continue reading 5 Image Editing Techniques with Google Nano Banana
Creating Design Specs for Development
Summary: Design specifications should provide all the relevant information needed to align the design and development teams. You work tirelessly on a new design project. It’s your masterpiece… until the dev team says it isn’t possible. Most designers have experienced this situation at some point in their careers. As frustrating as it may be, there… Continue reading Creating Design Specs for Development
10 Clever Instagram Caption Ideas That Spark Emotion and Drive Meaningful Interactions
Instagram caption ideas can help you form deeper connections with your Instagram followers. The right caption doesn’t just sit under your photo—it speaks directly to the person reading. It can make someone pause, reflect, or even feel seen. When used well, captions drive meaningful engagement, encourage conversation, and bring authenticity to your presence online. If… Continue reading 10 Clever Instagram Caption Ideas That Spark Emotion and Drive Meaningful Interactions
What’s new in axe Developer Hub: Updates for more flexibility, security, and control
When it comes to digital accessibility, finding issues earlier is always better. You save time and money, and most importantly, you ensure accessible experiences for your users every time. Axe Developer Hub was built so you can effortlessly add automated accessibility testing to your end-to-end (E2E) tests with just a simple configuration, allowing you to… Continue reading What’s new in axe Developer Hub: Updates for more flexibility, security, and control
Stable Diffusion & Its Alternatives: Top 5 AI Image Generators
[unable to retrieve full-text content] AI-generated imagery has become an essential part of the modern product designer’s toolkit — powering everything from early-stage ideation to polished design assets. Stable Diffusion is one of the most popular and flexible platforms for creatives that enables designers to generate a wide range of imagery with ease. However, with growing competition… Continue reading Stable Diffusion & Its Alternatives: Top 5 AI Image Generators
How to enlarge an image without losing quality?
How do you enlarge an image without pixelation? Have you ever wanted to enlarge a picture for your designs, only to end up with a blurry and pixelated mess? Enlarging images without pixelation is crucial for all designers. It’s a common problem, but thankfully, modern AI tools can help maintain the sharpness of your images… Continue reading How to enlarge an image without losing quality?
Figma AI Tools
[unable to retrieve full-text content] In this article, I will review a few new AI tools that Figma recently introduced. https://medium.com/media/bd5872bb7c297a17ab1e0a646a348f86/href Note: You should have Figma paid plan to use AI tools. First Draft First Draft is a fancy name for a UI design generator. To use it, click Actions and select First Draft. When you click… Continue reading Figma AI Tools
Tools of the trade: Getting started with accessibility
I recently gave a talk called “Tools of the trade: Accessibility without the cost” to Accessibility NYC (a11yNYC) in Lower Manhattan. The session focused on accessibility tools—which ones to invest in, how to get the most out of them, and when to consider paid features. In this post, I’ll recap some of the insights I… Continue reading Tools of the trade: Getting started with accessibility
UX Leads Adoption of AI Chat
Summary: UX ranks among top fields adopting AI, mostly in writing, design, and coding tasks — though complex or human-centric UX activities remain largely AI-free An analysis of one million conversations with Claude.ai indicates that, while UX professionals represent less than 0.01% of the US workforce, they generate a remarkable number of AI conversations (7.5%… Continue reading UX Leads Adoption of AI Chat
How to create an image compressor tool in JavaScript
Images can impact your website’s performance if they are not properly optimised. One of the ways to solve this issue is ensuring images are optimised by reducing their file size. Properly optimized images load faster and also provide a better user experience. Building our own will also be a great exercise in learning JavaScript. So… Continue reading How to create an image compressor tool in JavaScript
Alt Text: Not Always Needed
Summary: Write alt text that communicates an image’s purpose without repeating page content. Focus on meaning rather than visual description. Alt text (or alternative text) is metadata intended to help screen-reader users understand what an image is depicting. Most guidance for writing alt text describes how to make individual web-based images accessible and understandable for… Continue reading Alt Text: Not Always Needed
30+ High-Impact Websites Leveraging the Latest Web Design Trends
In today’s tech-driven world, the art of crafting high-impact websites relies heavily on harnessing web design trends that captivate and convert. Each year, new innovations influence how brands and businesses present their digital identity. From animations that bring content to life, to layouts optimized for interaction, top trends in web design emphasize aesthetics, accessibility, and… Continue reading 30+ High-Impact Websites Leveraging the Latest Web Design Trends
Accessible Images For When They Matter Most
<div class=”logo”> <a href=”/” title=”Back to the homepage”> <picture> <source media=”(min-width: 1350px)” srcset=”…/images/logo-full.svg”> <img src=”…/images/logo/logo.svg” alt=”Smashing Magazine”> </picture> </a> </div> Hearing both the phrase “back to the homepage” and “Smashing Magazine” in one feature is OK since each phrase is unique and connected to a different purpose. For more complex alternative text phrases, conduct the… Continue reading Accessible Images For When They Matter Most
15 Free Resume Templates (PSD)
In today’s competitive job market, a strong first impression can be the key to landing your dream role. Your resume is often that first introduction to potential employers. By choosing the right design, you can highlight your skills and experiences while standing out visually. If you’re looking for professionally designed resumes without breaking the bank,… Continue reading 15 Free Resume Templates (PSD)
How to make interactive charts accessible
Interactive charts can transform data into compelling stories, offering valuable insights at a glance. But what happens when these visual tools are inaccessible to those with visual impairments? In this post, we’ll show you how to ensure your interactive charts are accessible to all users, regardless of their abilities. Before digging deeper, let’s establish what… Continue reading How to make interactive charts accessible
Free Simple Branding Stationery Mockup
Presenting your branding concepts professionally can make all the difference in winning over clients and securing contracts. A well-designed Stationery Mockup allows you to showcase your branding assets in a realistic and visually appealing way. Whether you’re designing for a corporate client or creating personal branding projects, having the right branding mockups is essential for… Continue reading Free Simple Branding Stationery Mockup
How to animate CSS Grid layouts (image grid project)
That’s right—it turns out we can animate some of the CSS Grid properties! Today, we’ll see this behavior in action by building a responsive image grid with hover effects. Taking this opportunity, we’ll also utilize the powerful :has() CSS selector. Let’s get started! Our Image Grid Here’s what we’re going to create—be sure to view… Continue reading How to animate CSS Grid layouts (image grid project)