Latest UX/UI design news & trends

Magic Patterns and a designer's full AI toolchain in 2026: two videos showing how to generate an interface without losing control of your brand.

Liquid Glass vs Material 3 Expressive: Apple's invisible stability versus Google's motion physics and personalization, in 2026.

The W3C Design Tokens Format Module (DTCG) has been stable since late 2025, backed by 24+ organizations. What it actually changes for your design systems.

Vibe coding: between the end of role silos, a logo designer who gave up, and a rebuilt Figma-Claude workflow, what actually changes for designers.

Framer or Webflow in 2026? Design, AI (Wireframer, Workshop), CMS and pricing: our honest comparison to help you pick the right no-code tool.

Twelve years of stacked systems have made Forge of Empires unreadable without outside guides. A UX teardown of its onboarding, the Great Buildings overhaul, and what Dynasty Nova does differently.

70% of design jobs at risk by 2030? What 3 analyses of the 2026 market actually show: what's becoming a commodity, the niches exploding in value, and what AI can't replace.

Google Stitch, Google's free AI interface generator, tested against Figma Make and Claude Design: design system, Figma export, code, limits. The full test.

Shader fills, shader effects, and Weave: how Config 2026 brings AI generation directly into the Figma canvas, without ever switching tools.

Figma Agent and MCP in practice: Notion/GitHub connectors, Custom Skills, and the bridge to Cursor for turning a design into code that actually works.

Can Figma Motion replace Jitter, Rive, and Lottie? A practical comparison to help you pick the right animation tool for your needs in 2026.

Figma Make, Framer or Lovable for AI-assisted design in 2026? Three real-world tests (onboarding, marketplace, showcase site) to pick the right tool for your need.

A first-hand account of rebranding Astro Nova into Dynasty Nova: a name clash, choosing the new name, and what it really means for a game's identity while still in beta.

How Dynasty Nova uses interface design to keep its "Pay-to-Fast, never Pay-to-Win" promise and build player trust right from the shop screen.

How Dynasty Nova reorganizes its tech tree into categories (energy, propulsion, defense…) to simplify complex information, a practical UX case study for management games.

Figma, Sketch or Penpot for a digital agency in 2026? Real costs, self-hosting, design systems and developer handoff: our clear-cut comparison.

HTML to Figma in 2026: import any website into Figma with html.to.design, work around its limits (Auto Layout, dynamic content), and use generative AI as a backup.

Figma Config 2026: native animation with Figma Motion, Code Layers (design ↔ code on the canvas), AI Agent + MCP connectors, generative plugins and shaders. The full breakdown.

No more manual resizing. Master Auto Layout like a pro: parent-child relationships, Hug Content vs Fill Container, and nested structures.

See how Claude Design erases the line between prompt and finished product: design systems, high-fidelity landing pages and code deployment in one AI tool.

Stop drawing your screens, forge them. Learn to pair Figma Design and Figma Make to turn prompts and SVGs into working apps and games.

Discover how Figma's AI blurs the line between design and code, letting you steer prototypes, iterate precisely and ship real products.

Magic Animator is an AI-powered Figma plugin that animates static designs in one click, generates multiple animation variations, and exports them as GIF, MP4, or Lottie.

Discover 2026's major UI design trends: immersive interfaces, expressive typography, interactive 3D and warm minimalism.

A simple, effective Figma plugin to harmonize your visuals: copy one image's adjustments and paste them onto another in one click.

With the Figma plugin Change Text to Layer Name, sync a text layer's content and its layer name in a single click for clean, readable files.

Idle, spatial or strategic: discover the best browser games in 2025, including Astro Nova, an independent French gem with elegant design.

From the golden age of persistent browser games to modern reimaginings: how OGame, Travian and Ikariam still inspire strategy games today.

Discover how browser-based space games in 2025 blend minimalist design, smooth interfaces and retro heritage to reinvent the PBBG genre.

Build your presentations directly in Figma, rename and number your slides automatically, then export a clean PDF without any errors.

The Copy Color Value Figma plugin makes documenting colors easier: select a layer, display every color, and copy it in one click.

The Delete Hidden Layers Figma plugin removes every hidden or locked layer except components, keeping your design files clean and lightweight.

Sort by Size is a Figma plugin that organizes layers by width, height, or area, then arranges them in a line for visual analysis and consistency checks.

Krea.ai generates AI images in real time: visuals, logos, textures. Hands-on review, concrete use cases and tips for designers.

The Figma plugin Close Path simplifies polygon creation by automatically closing your selected vector paths in a single click.

The Figma plugin Export Original Images extracts the pictures used in your mockups at their native size and quality, with no cropping.

The Figma plugin Copy & Rotate generates radial interfaces: select an element, set the number of copies and the sweep angle to build circular designs.

The Figma plugin Annotate Design speeds up your workflow with a simple way to add comments and notes directly onto your mockups.

The Vectorized Figma plugin converts PNG, JPEG and GIF images into vector graphics for infinite scalability and easy customization.

The "Section Auto‑Resize with 200 px Margin" plugin simplifies your Figma file organization by automatically adjusting section sizes and spacing around content.

The Figma Round to 8 plugin normalizes your layouts: round positions, sizes and spacing to an 8px grid in a single click.

Design job offers increasingly favor senior product designers who handle both UX and UI — are hybrid, technical profiles making a comeback?

In Figma, hunting for colors not linked to variables gets messy with multicolor logos and widgets. Here is a simple trick to clean it up.

In Figma's free plan, files are limited to three pages. Some designers work around it by copying a community file. Here is the honest take.

The InstaRelinker Figma plugin scans your files and automatically relinks remote component instances and styles to their local equivalents.

The Figma plugin Unused Styles Remover helps you identify and remove unused styles from your files including fonts, colors, effects, and grids.

The ARC – Bend your type! plugin lets you curve text into an arc directly in Figma. Select your layer, adjust the slider and apply the bend.

The Figma plugin "Type Tool" offers two modes: Circle to curve text around a circle, and Curve to align text along a vector path.

The Figma plugin Alphredo calculates the perfect opacity to create consistent transparent colors that blend perfectly with any background.

Split Vectors plugin lets you divide vectors into separate elements by color, shape, or segment. Automate vector splitting and speed up your design work.

The uiGradients plugin lets you instantly add beautiful, pre-designed gradients from the uigradients library to your Figma elements.

The Grainy Gradient Figma plugin lets you generate smooth, textured gradients while controlling grain density, colors and intensity.

The Figma Text From Image plugin uses OCR to extract text from an image fill and automatically copy it to your clipboard.

The Easing Gradients Figma plugin applies cubic-bezier or step curves to smooth your gradient transitions for a polished, professional result.

Discover how Astronova reinvents OGame's visual world through a modern, mobile-optimized redesign that blends nostalgia with a fresh identity.

How AI became my creative copilot on Astronova: reimagining a spatial strategy game with modern, mobile-first UI—powered by intelligent tools.

Astronova rethinks the UX/UI of space management games with a mobile-first approach, built on Tailwind CSS, Figma and a structured design system.

OGame's mobile version disappoints with a cramped, poorly optimized UX. This article analyzes its limits and the birth of Astronova.

Astronova: a browser-based space strategy game inspired by OGame, redesigned UX-first. A modern, accessible tribute to the PBBG genre.

Creatie.ai revolutionizes design with AI. From ideation to delivery, boost your efficiency and quality with its innovative tools.

Discover how image aspect ratios shape interface design. A practical guide to building a smooth, intuitive user experience with consistent proportions.

Enhance your Figma designs with Beautiful Shadows, a simple and powerful plugin for creating aesthetic, consistent shadows in just a few clicks.

Jitter is the simple, fast online animation tool. Import your Figma mockups and create smooth animations, no motion design skills required.

Compare FigJam and Miro for your collaborative projects. Discover the strengths and weaknesses of each to pick the right whiteboard tool.

Sketch vs Figma: how Figma came to dominate the design tool market, and whether Sketch still has a chance to reclaim ground.

Create professional style guides in one click with the 'Automatic Style Guides' Figma plugin. Save time and keep your documentation always up to date.

How could a giant like InVision decline? Discover the reasons behind its fall and the key lessons for succeeding in a fast-changing design market.

Neo-brutalism in UI design: bold colors, raw contrasts and unapologetic shapes. Origins, principles and examples of this daring trend.

Rive vs Lottie: comparing two tools for creating engaging, interactive animations for web, mobile and beyond.

Generate stunning color palettes, ensure accessibility, and streamline your Tailwind CSS projects effortlessly with this powerful web app.

Discover Radix Colors, the open-source color system that enhances your web designs with a complete palette and powerful accessibility features.

Improve your website's layout! Discover Bento, Metro UI, Grid and Masonry, four design styles with distinct features and uses.

Access thousands of icons, customize them and save time in Figma. Hugeicons Pro is the essential tool for stunning interface designs.

Extract SVG assets from websites with ease. Preview, download, and integrate SVGs directly. Free Chrome extension for designers and developers.

Optimize your Figma vectors by changing fill rules for perfect compatibility and correct display across different formats and platforms.

Streamline team collaboration with Penpot 2.0's powerful features, intuitive interface, and integrated HTML code generation for seamless design workflows.

Tabler Icons is an extensive, free, and customizable open-source SVG icon library, easy to integrate into any web and mobile interface.

Create unique web experiences by blending 2D design with 3D modeling for captivating interactions. Discover the Webflow and Spline duo.

Spline: create, animate, and share 3D scenes in the browser, together in real-time. The next-generation 3D design tool, explained.

Responsively App: view and test your website on every screen at once. The tool that speeds up responsive development for designers.

Lottie Creator: revolutionize your animations with this powerful, intuitive tool. Build interactive, customized animations with ease.

Lucide Icons is a lightweight, customizable open-source SVG icon library. Our guide to picking and integrating them into your interfaces.

ImageFiller for Figma simplifies image management with flexible scale modes, precise positioning, and an intuitive interface for designers.

Figma to Webflow: convert your Figma mockups into Webflow sites while preserving structure and styles. The plugin that speeds up integration.

Transform your Figma designs with Morph! Over 20 visual effects for limitless creativity. Try Morph and elevate your interfaces and illustrations.

Build websites easily with Blocsapp. Intuitive interface, prebuilt blocks, and full customization. Try it for free today.

Create Figma charts in seconds with Chartline: import your data, choose a chart type and customize it without leaving your design.

WordPress vs Webflow: comparing features and ease of use to help you choose the best platform for your website.

Figma Image Tracer converts your images into vectors and boosts your creativity. Discover how this plugin can transform your design workflow.

EightShapes Specs automates precise design specs in Figma. Save time documenting components and streamline your design system workflow.

Template vs custom design: understand the pros and cons of each approach to choose the right solution for your business's online presence and growth.

Similayers: the essential Figma tool to save time and gain precision in design. Discover how this powerful plugin revolutionizes your design workflow.

Discover how the 8pt grid system delivers a powerful approach to spacing, helping you create layouts that are both aesthetic and functional.

The Visual Center Figma plugin simplifies locating the visual center of vector shapes. Save time and increase precision with intelligent calculation methods.

A graphic creator shares their journey on Dribbble, from passionate beginnings to the difficult decision to leave the platform.

Bento Design: the 2025 UI trend inspired by the Japanese lunchbox. Principles, origins and best practices to adopt it, with examples.

The Figma Organiser plugin is a simple, efficient tool to distribute and arrange your elements on the canvas, saving time in your design workflow.

The "Styles to Variables" plugin simplifies variable creation, collection organization, and color style detection in Figma.

The Figma Destroyer plugin lets you selectively degrade your Figma files by detaching instances, removing styles and stripping Auto Layout.

Fake-door testing lets you validate interest in a feature before building it, via a fake entry point. Learn the method, examples, and best practices.

A website redesign is a strategic transformation that helps you build an online presence which captivates visitors and converts them into customers.

Atomic Design is a UI methodology for building modular, scalable systems. Learn its principles, benefits, and how to implement it step by step.

The Figma Case Convert plugin transforms text to uppercase, lowercase, or sentence case in a few clicks, simplifying your design workflow.

How to use the Figma Font Fascia plugin to optimize text style usage and ensure optimal performance without unnecessary complications.

Dark Mode is a practical and aesthetic display option with many benefits. Discover when to use it and the best design practices to apply it.

Import large images into Figma without quality loss using the Insert Big Image plugin. Overcome Figma's 4096-pixel limit and maintain visual quality in your mockups.

Autoflow is the Figma plugin that automates connections between frames. Discover how it streamlines wireframing and speeds up your design workflow.

The Material Design Icon plugin for Figma makes it easy to bring Google's Material Design icon set into your projects.

Understand the essential differences between UI Kit and Design System. Complete guide with examples, use cases and recommendations for your project.

Discover Figma Blush, the plugin to find, customize, and add beautiful illustrations to your Figma projects quickly and effortlessly.

Figma's Lorem Ipsum plugin is a tool that allows you to quickly and easily generate dummy content for mockups, helping you focus on design.

Low-code vs no-code: two approaches to build apps faster and cheaper. Learn their key differences and how to choose the right one for your project.

Design maturity is a key success factor for companies. Learn how to assess it across 5 key areas and turn design into a real competitive advantage.

Skeuomorphism is an interface design approach that borrows visual elements from the real world to make digital products feel familiar and intuitive.

Simplify creating and managing variants and boolean properties with Regressor, a Figma plugin that automates your design workflow.

How Gestalt theory helps you design intuitive UX interfaces: principles, real-world applications, and the limits every designer should know.

Shadows and depth in UI design: a trend that adds volume to elements, enhances navigation, and creates immersive user experiences.

Figmayo lets designers create and share design system documentation straight from Figma. Discover this simpler alternative to ZeroHeight.

The voice user interface is a technological revolution reshaping how we interact with technology. Explore its origins, design challenges and best practices.

Neumorphism is a UI design style that blends the tactile feel of skeuomorphism with the simplicity of flat design and its own visual challenges.

Material Design is an interface design approach that draws on the physical world to create more immersive, engaging and consistent user interfaces.

Minimalism and flat design, two UI design trends, embrace simplicity and clarity to improve the user experience and interface usability.

Accessibility in UI design: how to create inclusive interfaces for everyone by following WCAG standards, guidelines and best practices.

Understand user psychology to design more intuitive, engaging interfaces. Discover how cognitive principles shape great UI design decisions.

Adaptive and responsive design: how to build exceptional user experiences across every device, from smartphones to tablets and desktops.

The fundamental principles of UI Design: how to create user interfaces that are effective, clear, and genuinely enjoyable to use.

Should you switch from Figma to Penpot 2.0? Complete comparison: price, CSS Grid, offline mode and performance. The verdict for designers in 2025.

Simplify managing Figma component variants with the Simple Sort plugin. Organize, sort, and automate your workflow with ease.

Procreate: the essential iPad drawing app, with powerful tools and an intuitive interface for illustrations and paintings.

The LottieFiles plugin for Figma lets you add Lottie animations to your designs and export production-ready motion for a richer user experience.

Figma Blobs plugin: create unique, expressive organic shapes for your design projects and dive into a world of endless creative possibilities.

The Figma plugin Content Reel: enrich your mockups and prototypes with a complete library of text, images and icons to design faster.

Find high-quality, royalty-free images for your design projects with the Unsplash Figma plugin. Discover how this essential tool integrates seamlessly into your workflow.

Manage your Figma styles more effectively with the Style Organizer plugin, which finds unstyled elements and merges similar styles.

Save time and simplify your typography work with the Nisa Text plugin for Figma. Split, sort, group and reorganize text with ease.

Organize your compositions into a grid with the Figma "Masonry Grid Layout Organizer" plugin. In the world of design, clarity is key.

Builder.io for Figma: import web pages into editable mockups, export to code and generate content with AI. The all-in-one plugin explained.

Discover how the Styler plugin simplifies bulk style creation and management in Figma based on layer names, saving you time and improving design system efficiency.

Propstar for Figma visualizes component variations instantly. Create instance tables in one click to see all combinations and optimize your design system workflow.

Convert your Figma mockups into high-quality images with the Flatten Selection to Bitmap plugin and bypass Figma's export size limits.

Create high-quality mockups in seconds with Figma's Mockup plugin. Speed up your design workflow with an intuitive library and advanced customization options.

html.to.design: import any website into Figma as editable layers from a single URL. The plugin that speeds up your web redesigns.

Color Shades: generate a color's full range of tints in one click in Figma. The perfect plugin for building consistent palettes.

Discover Confetti for Figma: a plugin that generates customizable confetti particles to add fun and vibrancy to your design work effortlessly.

Create richer, more detailed gradients with the Mesh Gradients plugin for Figma. Perfect gradients made simple for designers.

Organize your Figma design projects by easily and efficiently renaming layers in bulk with the Rename It plugin. Save time managing your layers.

A 10-year retrospective on the Long Shadow Generator, the tool that shaped a UI design trend and inspired Beryl Design.

Speed up your Figma workflow with the Instance Finder plugin. Quickly locate component instances in complex design files with advanced search features.

Easily create and manage consistent text styles with the Figma Text Styles Generator plugin. Learn how to use its powerful features to streamline your design workflow.

Typescales lets you create consistent, effective typography in your Figma design projects using a smart layout tool driven by a base size and a scale factor.

Create stunning isometric view visuals with the Easometric Figma plugin. Learn how this essential tool simplifies perspective-based design for professionals.

Skew shapes precisely and intuitively with the SkewDat plugin for Figma. Set exact values to reproduce your mockup pixel-perfect.

Create professional and modern websites quickly with Prospero, the official Webflow UI kit that includes 85 sections, 10 layouts, and 2 templates.

Create professional-quality websites without writing code using Webflow, the no-code website builder. Learn how to design high-quality sites easily and quickly.

No-code development lets anyone build apps and websites without writing code. See how it speeds up projects for developers and businesses.

Quickly organize your Figma frames with the Sorter plugin, a simple way to keep large files structured and easy to navigate.

Create and add 3D elements to your Figma designs with Vectary 3D Elements, a powerful plugin for importing, editing and customizing 3D models.

Add depth and perspective to your Figma designs with the Perspective Toolkit plugin to create custom mockups and showcase your work.

Figma's improved Scale tool enables faster, more precise resizing with anchor points and scaling multipliers.

Reduce the size of your Figma project images with the Downsize plugin and keep working smoothly, even on heavy files full of oversized images.

Create realistic mockups with Angle, the Figma plugin that applies perspective and isometric rendering for stunning presentations.

Easily visualize every typeface used across a selection with the Select by Font plugin for Figma and quickly fix inconsistent text styles.

Resize elements while keeping proportions intact with Figma's Scale plugin, bringing harmony and readability to your interfaces.

Batch Styler is a Figma plugin that makes your life easier. Edit multiple text and color styles at once without tedious manual updates.