Web Developer Tools & Resources
Today, we’re introducing the ability to embed Figma Make prototypes into Figma Design, FigJam, and Figma Slides, along with new editing tools that help you build and share your best ideas.
Like, remembered what you told it. Did real tasks. And messaged YOU when something important happened.
Picking the right WordPress plugins can make a clear difference in how your site works and how easy it is to maintain. In 2026, when tools, design trends, and online needs shift quickly, relying on strong, well-built plugins matters more than ever.
I was reading Macintosh Human Interface Guidelines from 1992 and found this nice illustration:
Hey there, we’re Ryan, Federico, and Robin, a trio designers who have noticed an undercurrent of change in the design world. AI is taking over software, and as it does, the demands on its designers are changing. AI is squishy and has a mind of its own, so designing AI-first products feels less like designing for print or HTML, and more like working with some kind of alien intelligence that crash-landed on Earth....
Most tools promise speed. The real change is precision — when AI can finally follow your design logic instead of guessing it.
Kyle Zantos is leading the new UX Tools Labs where he’s responsible for figuring out what matters for new design tools and workflows.
How we balanced speed and quality to build MTCHMKR, a consumer-grade SaaS product for brand partnerships
A look at how Dylan blends visual design, UX, and motion to build expressive, experience-rich websites, powered by tools like Webflow, GSAP, and curiosity.
By late 2025, the internet’s greenhouse gas output is projected to surpass the aviation industry. If you are reading this, you likely already know that “sustainable web design” has graduated from a niche ethical preference to a central operational requirement.
Video games have come a long way since 1958, when American physicist William Higinbotham debuted Tennis for Two, a bare-bones tennis game played via aluminum controllers on an oscilloscope—a machine that displays electrical signals—at a public exhibition. Even as games moved into arcades and personal gaming systems, they remained relatively simple. From Pong (1972), to PAC-MAN (1980), to Super Mario Bros (1983), early games didn’t have much of a user interface....
Developing effective agentic AI requires a new research playbook. When systems plan, decide, and act on our behalf, UX moves beyond usability testing into the realm of trust, consent, and accountability. Victor Yocco outlines the research methods needed to design agentic AI systems responsibly.
One of the most formative experiences in my career was working for a leader who did the hard work to shape a couple of workstreams, assign owners, and, most importantly, push us hard to build good habits and tempo. It wasn’t easy, by any means. We operated this way for a full year, and the results were incredible (and personally very rewarding).
A comprehensive guide to design system engineering (DSE): when it’s relevant, how AI changes things, and pointers for getting started. From Michael Abernethy, Principal Frontend Engineer at Rubrik
The majority of AI products remain tethered to a single, monolithic UI pattern: the chat box. While conversational interfaces are effective for exploration and managing ambiguity, they frequently become suboptimal when applied to structured professional workflows.
Atomic design systems have emerged as a methodology for creating scalable and maintainable user interfaces. This comprehensive guide explores what atomic design is, examines whether atomic design is still relevant in 2025, and reveals how atomic design principles can be adapted beyond their original chemistry metaphor. Drawing from a decade of industry experience and direct insights from Brad Frost himself, this article provides practical guidance for implementing modern design systems...
Atomic Design is one of the most frequently mentioned patterns when talking about frontend architecture.
Traditionally we’ve shied away from building because the chasm to go from designing to shipping requires learning to code, test, and bug fix. All of it required massive time investment to learn syntax, that changes every few years while core principles stay the same. Most of us are designers because we’re visual thinkers in a way.
These details aren’t accidents. They’re decisions. Careful, intentional decisions made by people who care deeply about craft.
As a design engineer, a role that’s all about craft, thoughtfulness and creativity, I should be skeptical of AI. By definition AI is not particularly great at those things, at least for now. But despite that, I kinda enjoy using it?
All of us are fighting a war on three fronts (thanks to AI). Customer product expectations are higher than ever. Distribution channels are collapsing. And everyone – big incumbents, new startups, even your own customers with vibecoding – are coming for your value prop.
UX faced instability from layoffs, hiring freezes, and AI hype; now, the field is stabilizing, but differentiation and business impact are vital.
Summary: Accelerating AI capabilities will shift focus from raw intelligence to autonomous agents and Generative UI, making UX the primary business moat. Multimodal integration and physical AI will revolutionize workflows, rendering static interfaces and single-purpose tools obsolete. However, progress faces hurdles like compute shortages and a widening class divide between premium and free-tier users.
I am generally curious about the concept of legibility of work. Look around in your workplace. You can find documents, messages, presentations, design files. Evidence of people’s work. While it may look like a lot, there is a whole other type of work that is very hard to see. The invisible work.
Look, I know why you’re here. You’re tired of “Top 10” lists written by bots that haven’t written a line of code since 2020. You want to know if Cursor is actually better than VS Code, if Devin is worth the massive price tag, or if you can get away with using Claude Code in your terminal.
Amit Sheen takes a hard look at the “Pixel Perfect” legacy concept, explaining why it’s failing us and redefining what “perfection” actually looks like in a multi-device, fluid world.
Software used to feel separate from us. It sat behind the glass, efficient and obedient. Then it fell into our hands. It became a thing we pinched, swiped, and tapped, each gesture rewiring how we think, feel, and connect. For an entire generation, the connection to software has turned the user experience into human experience.
In 2026, the report states, mobile accessibility transcends the issues of accessibility and regulation; it is a matter of making mobile experiences better. The need for mobile accessibility has become a fait accompli due to the current mobile app dominance in how people connect with each other or their surroundings. Mobile apps have revolutionized how we communicate, shop, learn, and live, and this transformation is deeply rooted in mobile app...
You can ship a lot of “smart” UI this year while quietly making it less trustworthy, less coherent, and harder to operate.
Working solo is one of the benefits of being a freelance web designer. You don’t have a boss breathing down your neck or tracking every mouse click. That’s one reason why many of us choose this career path.
Amid Donald Trump’s intensifying immigration raids, Documented NYC uses platforms like WhatsApp, WeChat, and Nextdoor to connect directly with immigrants.
Good UX is what companies do when they have to. A company that has your stuff locked away doesn’t have to.
Developers use Chrome DevTools almost every day, but the toolset is so extensive that many features remain unnoticed. In this short overview, we’ll explore several DevTools capabilities that are genuinely useful in real-world work and often overlooked.
SaaS UX is moving faster than most product teams realize. What felt modern in 2024 already feels slow, clunky, or confusing today. Users now expect software to understand them, guide them, and get out of the way.
When I joined Google ~14 years ago, I thought the job was about writing great code. I was partly right. But the longer I’ve stayed, the more I’ve realized that the engineers who thrive aren’t necessarily the best programmers – they’re the ones who’ve figured out how to navigate everything around the code: the people, the politics, the alignment, the ambiguity.
Built into the Claude Desktop app, the new tool lets users designate a specific folder where Claude can read or modify files, with further instructions given through the standard chat interface. The result is similar to a sandboxed instance of Claude Code, but requires far less technical savvy to set up.
For portfolios of assets, we use the terms liquidity and fungibility to describe how easily assets can be converted into cash without materially affecting their price, and how easily investments can be exchanged for one another or rebalanced across the portfolio.
We’ve all heard the promises. Empowered teams make better products. They’re more engaged, more innovative, and they ship faster. According to Marty Cagan’s definition in his book Empowered, truly empowered product teams are “given problems to solve rather than features to build” and have “the authority to decide the best way to solve those problems.” They’re accountable for outcomes, not outputs.
Design systems have evolved from static libraries to key drivers of business revenue, customer loyalty, and product strategy. Here’s what you need to know about how to track and communicate the value of your design system, based on new research from the Design Executive Council (DXC).
Free heavy and ultra-bold fonts are the fastest way to make a headline, poster, or thumbnail punch through the noise—without burning your budget or fighting licensing fine print.
A deep dive into how Flim was built, breaking down the animations, interactions, and technical decisions behind a GSAP-powered Webflow experience.
CSS relative colour values are now widely supported. In this article, pioneering author and web designer Andy Clarke shares practical techniques for using them to theme and animate SVG graphics.
Flowbite can be included as a plugin into an existing Tailwind CSS project and it is supposed to help you build websites faster by having a set of web components to work with built with the utility classes from Tailwind CSS.
This piece is over 19,000 words, and took me a great deal of writing and research.
You know that feeling when you have this amazing app idea in your head, but the journey from “cool concept” to “actual working thing” feels like climbing Mount Everest in flip-flops? Yeah, I’ve been there. Multiple times.
We’re nearing the end of a transformative year for Dribbble, during which we reinvented ourselves as a revenue-sharing marketplace and delivered hundreds of thousands of leads – billions of dollars in opportunity – and millions of dollars in payouts to the service providers on our platform.
Why am I writing this? Well I see a lot of articles bigging up specific frameworks, or putting down other frameworks. But rarely does the author cut through the hype and provide an unbiased comparison between all* the options.
In this roundup, we’ve gathered a selection of open-source and free utilities designed to boost productivity, streamline tasks, improve your coding experience and your browsing privacy.
Your senior management is excited about AI. They’ve read the articles, attended the webinars, and seen the demos. They’re convinced that AI will transform your organization, boost productivity, and give you a competitive edge.
The UI design industry has completely changed. In 2026 we will be seeing more vibe-coding platforms venture into the UI design and visual design space – a space dominated by tools like Figma.
Web3 is moving beyond its technical, early-adopter phase.Web3 is moving beyond its technical, early-adopter phase. As decentralized applications (dApps) seek mainstream adoption, the focus has shifted dramatically from mere functionality to user-centric design. For B2B and AI SaaS companies venturing into this space, delivering a seamless, intuitive, and secure user experience is no longer a luxury, it’s a critical differentiator.
Firefox 146 now supports @scope in CSS, joining Chrome and Safari, meaning that it’s now supported in all major web browsers, earning it the “Baseline: Newly Available” tag.
Are visitors landing on your homepage but leaving before they explore further? Do you want to understand which design elements quietly build trust and encourage people to stay?
Users do not read interfaces line by line. They scan screens quickly, looking for signals that tell them where to focus and what actions to take. In this context, text is not just content it is a structural tool that shapes how users understand and navigate an interface.
Websites built with WordPress are no exception. Backwards compatibility is indeed a hallmark of the WordPress core software. However, themes and plugins can still fall behind. Their functionality may no longer be up to snuff. They could become abandoned by their author and no longer see updates. Or, they may struggle with responsive design and accessibility.
A growing number of product managers are finding that the fastest way to clarity is to build. Inside Figma Make, they’re pressure-testing assumptions early, building momentum, and rallying teams around something tangible.
When you search for “data visualization libraries for web,” you’re not really asking for a directory. You’re asking: Which one should I choose for my project?
When we think about people who are deaf, we often assume stereotypes, such as “disabled” older adults with hearing aids. However, this perception is far from the truth and often leads to poor decisions and broken products.
Working with forms in React is one of the most common frontend tasks — and one of the easiest places to accumulate technical debt. Before worrying about architecture, every developer has to understand the basics: how form events work, how values flow from inputs, and how React and TypeScript model those interactions.
Modern CSS has quietly evolved into something much more structural and system-driven. And the reason Tailwind CSS feels so “natural” today is not hype—it’s because it aligns perfectly with how modern UI is actually built.
New issue of D4U Inspiration is up with another bunch of creative and functional ideas for user interface design.
The mobile app development process is an end-to-end framework that takes an idea from intent to a market-ready mobile application. It covers strategy, design, development, testing, deployment, and long-term optimization.