748 articles on Design & UX.
How we built design.md, a single public file any coding agent can load to build on-brand Vercel pages, and the eval loop that decided every rule inside it.
Data visualisation sits at the intersection of two disciplines that rarely talk to each other: data and design. Meriem Benhabiles explores what changes when you bring structured UX thinking to dashboards and data presentations, from the questions you ask before opening any tool to the decisions that determine whether an insight actually lands.
Every website peaks on launch day and slowly drifts from there, not because it breaks, but because nobody has time to keep it current. Autonomous websites, continuously optimized by agents after launch, aim to change that. Pierre Burgy shares what they learned building for full website autonomy and the deeper design problem they uncovered along the way.
We built a plugin for the GitHub Accessibility Scanner to make sure your alt text is actually accessible. Here’s how it works.
Agentic products pose a unique set of design challenges. Here’s what we’ve heard from leaders.
Now you can author skills for our agent, directly in Figma, to put your point of view to work. Here are 10 of our favorites to get you started.
Here’s what we found when we evaluated the impact of Code Connect on agents using Figma’s MCP server.
Today we're introducing the new v0 API: programmatic, headless access to v0's app-building agent. Send a prompt and v0 generates an app, starts a dev server in a Vercel Sandbox, and gives you a preview URL you can embed in your own UI.
With visual editing and annotations, Figma Make is bridging the gap between design and code.
For the past year, agents at Figma have guarded code as it's written, reviewed every pull request, and audited a decade-old monorepo, all on one policy.
The strongest visual concepts don’t start in Figma. They start with the right questions. Explore the pre-concept phase of brand identity design, where teams research brand context, uncover hidden assumptions with stakeholders, and turn shared direction into a visual foundation before a single concept is created.
Many UI trends are designed to capture attention and signal innovation, but those goals often conflict with the needs of mental health apps: reducing cognitive strain, fostering trust, and providing a sense of refuge. Kat Homan introduces an evaluation framework that helps designers assess whether trendy visual and interaction patterns support or undermine the unique goals of mental health experie
This blog explores why pg_hardstorage has no incremental chain and the architecture design of pg_hardstorage.
Figma’s editorial newsletter about how products take shape—and shape our world.
Introducing v0
Learn how Vercel teaches agents product design with agent skills, lint rules, Vercel Agent code reviews, evals, and a human-led update loop.
Here's what skills unlock in the Figma agent.
Chrome 150 implements the AccentColor/AccentColorText system-color keywords, making them Baseline.
Vercel commits to being a design partner on the open source rebuild of Hydrogen, Shopify's framework for headless storefronts.
Firefox 154 (Nightly) ships progress(), advanced attr(), and a UI for <input type="time"> and <input type="datetime-local">.
Today, we’re announcing new ways your Weave creative workflows can live alongside your Figma frames.
Motion now lives on the canvas—in the same file as your components, your variables, and your team—so your designs can come to life from day one.
Push past what you thought was possible with code layers, Figma Motion, shaders, generative plugins and Weave tools, all on the canvas.
Prompting gets you started. Custom tools, real context, and skills take the design agent further—so what ends up on the canvas actually looks like you.
Learn about the progress we’ve made toward our accessibility goals and how you can help make open source more inclusive.
Aleph 2.0 brings frame-level creative direction and video editing control to the Figma Weave canvas.
Safari TP 246 adds support for <image> values in light-dark() and three or more values in color-mix() (lacks Chrome support).
The Pantone Color Institute explains how brands can use color to shape meaning and drive trends.
The Figma MCP server extends across our platform. From FigJam to Figma Slides, Figma Make, and the Figma agent, here are four ways we’re using it.
Findings from an exploratory user research study highlighting the unique insights and practical UX recommendations shared by participants with cognitive disabilities.
From visual editing to contextual prompting and collaboration, Figma Make is expanding how teams can design with code.
Figma’s editorial newsletter about how products take shape—and shape our world.
There’s a moment in almost every usability session where a participant pauses at the login screen, types something, and glances up: checking whether they’re “doing it right.” That pause is a clear sign. They’ve already clocked that this isn’t a real app, and every data point collected after that moment is filtered through that awareness.
While everyone’s talking about “tokenmaxxing,” we’ve compiled seven best practices to help you build smarter—without prompting more—in Figma Make.
What people say, feel, think, and do are often very different things. To understand the underlying reasons for user behavior, it helps to look beyond the surface and explore hidden motivations, root causes, and the different layers of reality that shape how people act. Brought to you by Measuring UX Impact, **friendly video course on UX** and design patterns by Vitaly.
Explore our update on GitHub’s accessibility strategy, and learn how you can join us in building a culture of accessibility.
From São Paulo to Seoul, Friends of Figma chapters around the world are distinct, vibrant, and locally rooted. Our new brand gives them a more authentic way to express themselves.
Every extra second of friction has a measurable business cost. Carrie Webster shares ten data-backed UX facts that link user experience directly to revenue, retention, and long-term growth.
With work moving more fluidly between code and canvas, workflows aren’t just changing—they’re converging.
Design always starts with function — function shapes form. But if that function can’t be made completely invisible and people still have to interact with it, it inevitably becomes part of their experience. In this article, Kyrylo Levashov shares four common software design assumptions.
Streaming UIs are an easy concept on the surface, but are quite complicated in practice. There are many considerations that need to be accounted for, from layout shifts and motion preferences to proper markup and various states, that may not be instantly obvious. What happens if the stream is interrupted? Can users tab through the UI on the keyboard as it shifts? What ARIA attributes might be need
Firefox 150 becomes the first to implement the newest version of color-mix() that accepts more than two <color>s, and light-dark() that accepts
Excerpt In complex, long-running agentic systems, maintaining alignment and coherent reasoning between agents requires careful design. In this second article of our series, we explore these challenges and the mechanisms we built to keep teams of agents working productively over long time spans. We present a range of complementary techniques that balance the conflicting requirements…
Practical guidelines for driving UX impact in organizations with legacy systems and broken processes. Brought to you by Measuring UX Impact, **friendly video course on UX** and design patterns by Vitaly.
Chrome 147 ships contrast-color() (the Color Level 5 version that only resolves to black or white), making it baseline.
Starting today, Make kits and Make attachments bring context into Figma Make, so prototypes start from real components, data, and constraints.
These are the historical pranks I consider the top 10 most noteworthy, rather than the “best.” You’ll see that some of them crossed the line and/or backfired.
Looking at research and experiments that are designed to automatically generate user interfaces based on user preferences.
Success in modern UX isn’t about having the most content. It’s about having the most findable content. Yet even with more data and better tools than ever, internal search often fails, leaving users to rely on global search engines to find a single page on a local site. Why does the “Big Box” still win, and how can we bring users back?
This is the story of how we built FigCache, a foundational technology that underpins a reimagined internal platform for ephemeral data.
Christian Alder’s sibling-index() color shades one-liner.
How to choose between modals and pages, when to avoid modals, and how to determine the right level of interruption or navigation. Brought to you by Smart Interface Design Patterns, a **friendly video course on UX** and design patterns by Vitaly.
Design is about pacing and feelings as much as pixels and patterns. Alan Cohen explores Emotion in Flow and Emotion in Conflict, showing how anime like Dan Da Dan and superhero films like James Gunn’s Superman manage emotional shifts and translating those ideas into practical patterns for product design.
Figma’s editorial newsletter about how products take shape—and shape our world.
Many product teams still lean on usability improvements and isolated behavioral tweaks to address weak activation, drop-offs, and low retention – only to see results plateau or slip into shallow gamification. Anders Toxboe updates persuasive design for today’s reality, clarifying what has actually held up over the last decade.
Our newest Smashing Book, “Accessible UX Research” by Michele Williams, is finally shipping worldwide — and we couldn’t be happier! This book is about research, but you’ll also learn about assistive technology, different types of disability, and how to build accessibility into the entire design process. This thoughtful book will get you thinking about ways to make your UX research more inclusive a
We serve 7.6 billion challenges daily. Here’s how we used research, AAA accessibility standards, and a unified architecture to redesign the Internet’s most-seen user interface.
Meet our brand new conference for designers and UI engineers who love the web. That’s [SmashingConf Amsterdam](https://smashingconf.com/amsterdam-2026), taking place in the legendary Pathé Tuschinski, on April 13–16, 2026.
What makes streaks so powerful and addictive? To design them well, you need to understand how they align with human psychology. Victor Ayomipo breaks down the UX and design principles behind effective streak systems.
