free motion design resources | Mantlr

<!--

IMAGE: HERO (cover image, 1600×900)

RENDER: A 16:9 dark-mode composition on #0E0F11 showing a 4-column grid representing the four motion-layer categories. Column 1: "Microinteractions" — a small UI showing a button hover with subtle scale animation. Column 2: "Page transitions" — two stacked phone screens with a slide animation arrow between them. Column 3: "Loading states" — a Lottie-style animated checkmark and spinner. Column 4: "Scroll/marketing" — a horizontal scroll-triggered headline with a parallax background. Thin 1px #1F2024 dividers between columns. Bottom-left: small label "Free motion design stack — 2026" in mid-grey.

ALTERNATIVE: A horizontal "motion design pipeline" illustration showing the workflow from Figma/Penpot (design) → After Effects/Jitter (animate) → Lottie/GSAP/Motion (ship) → live UI, with logos at each stage on a dark background with subtle gradient.

FILE: /images/blog/free-motion-design-resources-2026-hero.png

ALT TEXT: "Best free motion design resources for UI designers in 2026 — microinteractions, page transitions, loading animations, and scroll-driven motion"

-->

You are a UI designer and your work suddenly needs motion. The product team wants page transitions that do not feel jarring. The marketing site needs scroll animations that signal "we care about craft." The empty states need micro-animations that make the app feel alive instead of dead. You have After Effects experience from a previous job, or you have none. You have a budget of zero, or close to it. You want to know which motion tools and resources are genuinely free in 2026, which ones look free but charge for the parts you actually need, and what the working motion design stack looks like for a designer who is not a full-time motion specialist.

This guide is that map. The free motion design resources verified working in 2026, organized by what stage of UI motion you are designing: microinteractions, page transitions, loading and feedback states, marketing scroll animations, and prototype motion. Every entry names what it actually ships, what it costs, who it is best for, and where it falls short. No "free trial" platforms charging $30/month after the first export. No paid tools dressed as free.

A note on the 2025-2026 motion landscape before the list. Three shifts changed the free motion stack in the last 18 months. GSAP became 100% free for commercial use on April 30, 2025 after Webflow acquired GreenSock in October 2024, including all previously paid Club plugins (SplitText, MorphSVG, ScrollSmoother, ScrollTrigger, DrawSVG). This alone makes the 2026 free stack dramatically better than the 2024 free stack. Framer Motion was rebranded to "Motion" in 2024 and powers animations across Framer and Figma; it now sees 30M+ npm downloads per month and remains MIT licensed. Penpot added native interaction primitives in early 2026 alongside its design tokens release, narrowing the gap with paid prototype tools.

Skip to the comparison table for the short version. Read on for the reasoning behind each pick.

All motion tools and animation libraries in this guide are curated on Mantlr — verified free tiers, license details, and honest comparisons.

Browse Motion Design Resources on Mantlr →

Free motion design resources at a glance

|---|---|---|---|

All resources listed have genuinely free tiers usable in commercial work. Verify the specific license on each project's official site before adopting, since some asset libraries require attribution (Icons8 linkware, Lordicon free tier).

Why motion matters more in 2026 than it did two years ago

Three reasons UI motion stopped being optional in production work:

View Transitions API shipped to all major browsers. Page transitions that previously required heavy JavaScript libraries are now natively supported in Chrome, Safari, and Firefox. The motion cost of doing this well dropped by 90%, which means teams that skip motion now visibly fall behind teams that adopt it.

Motion became an accessibility expectation, not an accessibility risk. The conversation in 2024 was "motion is dangerous for vestibular disorders." The conversation in 2026 is "well-designed motion improves comprehension; aggressive motion still hurts." The prefers-reduced-motion media query is now well-supported, so designers can ship motion without harming users who opt out. Skipping motion entirely is no longer the safer choice.

AI tools generate motion-rich code by default. When you prompt Vercel v0, Lovable, Bolt, or Claude Code for a UI component, the output typically includes Motion (formerly Framer Motion) animations out of the box. Teams shipping AI-generated UI inherit motion whether they wanted it or not. Designers who do not understand motion principles are now reviewing motion they did not author.

These three shifts together explain why "free motion design resources" search volume grew through 2025 and 2026: motion is no longer a niche skill for After Effects specialists, it is table stakes for any working UI designer.

Microinteractions: hover, focus, state changes

Microinteractions are the small motion moments that respond to user action: button hovers, focus rings, toggle switches, form validation, checkbox checks, swipe gestures. They are the highest-leverage motion work for product UI because they happen constantly and define how the product feels.

Motion (formerly Framer Motion): the React default

Best for: React projects, microinteractions, layout animations | Tech: JavaScript, React-first with Vue and vanilla JS support | License: MIT (free, commercial use allowed) | Bundle: ~30 KB gzipped

Motion (the library was renamed from Framer Motion in 2024) is the most-used React animation library in 2026 with 30M+ npm downloads per month. It powers animations across Framer and Figma's web apps and remains the canonical choice for React UI motion. The declarative API integrates with React props and state, so you write animations as JSX rather than imperative scripts.

What ships out of the box: hover and tap animations as a prop on any element, layout animations that automatically tween when an element's size or position changes, AnimatePresence for elements that animate as they leave the DOM, gesture support (drag, pinch, swipe), scroll-linked animations, spring physics, and useReducedMotion hook for accessibility. The motion package on npm replaced the older framer-motion package after the rebrand.

For most React UI work in 2026, Motion is the default and adding GSAP on top is only necessary for marketing-page scroll choreography (covered below).

Where it falls short: React-specific. For Vue, you use Motion's Vue bindings (newer, less mature). For vanilla JS, you can use Motion but GSAP is the more idiomatic choice. The library is larger than minimal alternatives like Auto Animate (2 KB) which handles only simple list animations.

Tailwind CSS Motion: the lightest microinteraction option

Best for: Tailwind-first teams, simple state animations | Tech: Tailwind plugin, pure CSS | License: MIT | Bundle: ~5 KB

Tailwind CSS Motion is a Tailwind plugin that adds animation utility classes (motion-preset-fade, motion-preset-pop, motion-translate-x-3) to your Tailwind setup. The animations compile to pure CSS, so there is no JavaScript runtime overhead. For simple state animations (hover scales, fade-ins, button presses), Tailwind CSS Motion gives 80% of what you need at 5% of the bundle weight.

Where it falls short: pure CSS means no spring physics, no gesture support, no layout animations, no exit animations on unmount. For anything beyond simple state animations, you need a JavaScript library.

useAnimations + Lordicon: interactive icon motion

Best for: Icon animations, button feedback, navigation states | License: useAnimations MIT (no attribution); Lordicon free tier requires attribution

useAnimations is a small opinionated library of UI animations (loaders, checkmarks, hamburger menus, play/pause toggles, like buttons) shipped as Lottie files under MIT license with no attribution requirement. Lordicon ships interactive icons that morph on hover or click: the kind of "icon reacts to user action" motion that is hard to build from scratch and easy to drop in. Both fill the gap between "I need a generic icon" and "I need a custom animated icon I cannot afford."

Page transitions: route changes and modal motion

Page transitions handle the motion when users move between routes or open modals. Done well, they create continuity and reduce perceived loading time. Done badly, they slow the app down and frustrate users.

View Transitions API: native, free, built into browsers

Best for: Same-document and cross-document transitions, any framework | Tech: Web API, no library required | License: Open web standard | Browser support: Chrome 111+, Safari 18+, Firefox (in progress as of mid-2026)

The View Transitions API is the most underused free motion resource for UI designers in 2026. It is built directly into the browser, requires no library, and handles cross-document and same-document transitions with a few lines of code. For Next.js App Router projects, the View Transitions API integrates cleanly with route changes.

The 2026 reality: most production teams still reach for Motion or GSAP for page transitions because they were not aware View Transitions shipped. For straightforward route transitions, the API is enough. For complex choreographed transitions, you still need a library.

Motion AnimatePresence: for component mount and unmount transitions

Best for: Modal enter/exit, route transitions in React | Tech: Motion library | License: MIT (free)

Motion's AnimatePresence wrapper keeps components in the DOM during their exit animation, which solves the most common page transition problem: React unmounts the component before the exit animation finishes. With AnimatePresence wrapping page content in a Next.js template.tsx file, you get clean fade or slide transitions on every route change in roughly 10 lines of code.

Figma Smart Animate: for prototype transition design

Best for: Designing transitions before development | Tech: Figma free tier | License: Free for prototyping

Figma Smart Animate handles the design side of page transitions. You design two frames with matching named layers, connect them with a prototype interaction, and Figma tweens the layers between frames automatically. The result is a prototype that demonstrates the intended transition before you write any code.

Where it falls short: Figma's free tier limits prototyping features. The "Smart Animate" approach works for simple property tweens but cannot handle complex choreography. For advanced prototype motion, you move to Rive or Penpot's interaction primitives.

Loading & feedback: spinners, success states, empty states

Loading and feedback motion confirms to the user that the system is responding. Lottie became the dominant format for this category because it ships small JSON files that render as vector animations at any resolution.

LottieFiles: the marketplace and player

Best for: Pre-made loading, success, and onboarding animations | License: Mixed (free and paid animations, check per-asset) | Player: Free (lottie-web, lottie-react)

LottieFiles is the dominant Lottie marketplace with thousands of free Lottie animations covering loading spinners, success checkmarks, error states, onboarding illustrations, and icon animations. You can customize colors and speed before downloading, which means a free Lottie often gets you closer to brand than starting from After Effects from scratch.

What's worth knowing in 2026: the free animations on LottieFiles are licensed for personal and commercial use under each animation's specific terms (most are free with attribution to the animator, some are MIT). Always check the license on individual files before commercial use. The paid tier ($9-19/month) unlocks premium animations and unlimited downloads.

The Lottie player is genuinely free across all platforms (Lottie-web for web, Lottie-iOS for iOS, Lottie-Android for Android, Lottie-react-native for React Native). You only pay for premium animations from the marketplace, not for the rendering technology.

Icons8 Animated Icons: linkware Lottie animations

Best for: Animated icons for UI, dashboard contexts | License: Linkware (free with visible attribution link to Icons8) | Format: Lottie JSON, GIF, MP4, AEP source files

Icons8 ships a large free library of animated icons in Lottie format under a linkware license: you can use them commercially as long as you include a visible link back to Icons8. The trade-off is the attribution requirement, which most product teams cannot accept in production. For startups and side projects, the linkware model gives you access to professional-grade animated icons at zero cost. Icons8's $13/month plan removes the attribution requirement.

Bodymovin: export from After Effects to Lottie

Best for: Designing custom Lottie animations from After Effects | Tech: After Effects plugin | License: Free

If you have After Effects and want to design custom Lottie animations, Bodymovin is the free After Effects plugin that exports compositions as Lottie JSON. The workflow is: animate in After Effects, export with Bodymovin, render in your app with the Lottie-web player. This is the standard pipeline for custom UI motion design in 2026.

Where it falls short: After Effects requires an Adobe Creative Cloud subscription ($23-60/month). For designers without After Effects access, browser-based alternatives (Jitter, Lottielab, Rive) avoid the Adobe dependency.

Marketing scroll animations: hero choreography, parallax, scroll-driven

Marketing pages use motion differently than product UI. The animations are typically scroll-driven, more elaborate, and designed to communicate story or brand quality rather than facilitate a task. The free stack for this work changed dramatically in 2025.

GSAP (now 100% free): the marketing motion standard

Best for: Marketing pages, scroll choreography, complex sequences | Tech: Vanilla JavaScript, framework-agnostic | License: Free for commercial use as of April 30, 2025 | Plugins included: ScrollTrigger, ScrollSmoother, SplitText, MorphSVG, DrawSVG, Flip, all previously paid Club plugins

This is the biggest 2025-2026 shift in the free motion landscape. GSAP was a paid library for over 15 years; the "Club GreenSock" tier required $99-1,000+ annually for the most-used plugins (ScrollTrigger, SplitText, MorphSVG). After Webflow acquired GreenSock in October 2024, GSAP and all previously paid plugins became 100% free for commercial use on April 30, 2025.

What this means in practice: the scroll-driven marketing animations you see on award-winning sites (parallax sections, scroll-triggered headline reveals, morphing SVGs, complex character-by-character text animations) are now free to build. ScrollTrigger handles the "trigger animation when element enters viewport" logic that previously required custom Intersection Observer wiring. SplitText splits text into characters or words for individual animation. MorphSVG morphs one SVG shape into another. DrawSVG handles handwriting-style SVG path animations.

For React projects, the @gsap/react package and the useGSAP hook provide clean React integration with automatic cleanup. GSAP runs on the DOM, so it lives in Client Components in Next.js App Router.

Where it falls short: imperative API that does not integrate as naturally with React state as Motion's declarative API. Bundle size grows with plugins (core ~27 KB, plus ~10 KB per plugin). For application UI (modals, dropdowns, layout animations), Motion is typically the better choice. For marketing sites with elaborate scroll choreography, GSAP is the right tool.

Rive: interactive motion with runtime control

Best for: Interactive marketing animations, in-app motion that responds to state | Tech: Rive editor (browser-based, free tier) + Rive Runtime (free, MIT) | License: Free tier + Rive Community files

Rive sits in a different category than Lottie. Lottie animations are pre-rendered timelines you play back. Rive animations are state machines that respond to runtime input: hover state, scroll position, user input, gesture velocity. For interactive motion (a character that follows your cursor, a button that morphs based on form validation, a hero illustration that reacts to user choices), Rive is the right tool.

The Rive editor is free for community use. The Rive Runtime is MIT-licensed and ships for web, iOS, Android, React Native, Flutter, and Unity. The Rive Community is a library of free, openly-licensed Rive files that you can fork and customize.

Where it falls short: the learning curve is real. Rive's state machine concept is unfamiliar to designers coming from timeline-based After Effects workflows. For static loading animations, Lottie is simpler. For genuinely interactive motion, Rive is worth the learning investment.

Interactive prototypes: motion for design review

Before code, motion lives in design tools and prototypes. The free tools for designing motion before development happens.

Jitter: browser-based motion design

Best for: Quick microinteractions, marketing motion, social media motion | Tech: Browser-based, real-time collaborative | License: Free tier with watermark, $24/month for full export

Jitter is the browser-based After Effects alternative for designers who do not want to learn After Effects. The interface is simpler, the learning curve is significantly shorter, and the export covers Lottie, MP4, and GIF. For simple UI animations and quick marketing motion, Jitter ships in hours where After Effects ships in days.

The free tier exports with a watermark, which makes Jitter free for exploration and prototyping but not for shipping production assets. The $24/month Pro plan removes the watermark and unlocks higher-quality exports.

Where it falls short: less control than After Effects for complex animations. The free tier's watermark limits production use.

Lottielab: Lottie-native motion design

Best for: Designers who specifically want Lottie output, Figma users | Tech: Browser-based with Figma integration | License: Free tier available

Lottielab is a newer motion design tool built specifically for Lottie output. The Figma integration lets you bring designs in directly without redrawing them in a separate tool. For UI motion teams that already use Figma and want Lottie animations without learning After Effects, Lottielab is the most direct path. The free tier covers basic motion design; paid plans unlock advanced export options.

Penpot interactions (new in 2026)

Best for: Open-source design workflows, prototype motion | Tech: Penpot (browser-based) | License: Free (Mozilla Public License)

Penpot added native interaction and animation primitives in early 2026 alongside its design tokens release. The feature set is narrower than Figma's Smart Animate but the trade-off is genuinely free unlimited use (Penpot does not cap files like Figma's free tier). For designers building motion prototypes on Penpot, this addition removed one of the last gaps between Penpot and Figma. For more on Penpot's 2026 capabilities, see the Penpot templates guide on Mantlr.

How to actually build a motion design stack in 2026

Decision framework based on what you are designing:

Product UI (the screens behind login): Motion + Tailwind CSS Motion for the React layer. LottieFiles + useAnimations for pre-made loading and success animations. Figma Smart Animate for designing transitions before development. Total cost: $0.

Marketing site (the public surface): GSAP + ScrollTrigger for scroll choreography, hero animations, and text reveals. Lottie for any vector animations that need to scale. Motion (or no library at all) for modal interactions. Total cost: $0.

Hybrid SaaS (marketing + product): Both stacks combined. Use Motion for application UI; use GSAP for marketing pages. Share design tokens between the two surfaces. This is the stack most production B2B SaaS teams converge on in 2026.

Solo designer prototyping motion before development: Figma Smart Animate or Penpot interactions for free prototyping. Jitter for quick motion explorations. Rive Community for forking interactive examples.

Designer learning motion for the first time in 2026: Start with Tailwind CSS Motion (CSS-only, no JavaScript required). Move to Motion (Framer Motion) when you outgrow CSS. Add GSAP only when you start building marketing-page scroll animations.

The most common mistake is reaching for After Effects when you need a simpler tool. After Effects is the right tool for cinematic marketing animations and complex character motion. For UI work (hover states, page transitions, loading spinners), Jitter, Motion, or Tailwind CSS Motion ship the same result in 10% of the time.

**Browse more motion design resources and tools in the Mantlr directory →**

What changed in 2025-2026 that matters

Three shifts in the motion design landscape worth understanding because most pre-2025 listicles miss them:

GSAP went 100% free for commercial use in April 2025. The Webflow acquisition (October 2024) led to the release of all previously paid Club plugins (SplitText, MorphSVG, ScrollTrigger, ScrollSmoother, DrawSVG) under a free license that explicitly covers commercial use. This single change made the 2026 free motion stack dramatically stronger than the 2024 free stack. Most older articles still flag GSAP plugins as paid; that is no longer true.

Framer Motion became "Motion." The library was rebranded in 2024 to reflect its broader scope (it now powers Framer, Figma, and 100,000+ other sites). The npm package was renamed from framer-motion to motion. Older tutorials still reference the old name; current implementations should install motion.

Motion stopped being optional in UI work. The combination of View Transitions API in browsers, AI tools generating motion-rich code by default, and prefers-reduced-motion becoming a well-supported accessibility primitive means designers who do not understand motion fall behind. The skill is now table stakes for any UI designer working on web or mobile products.

Frequently asked questions

What is the best free animation library for UI designers in 2026?

For React projects, Motion (formerly Framer Motion) is the default choice in 2026 with 30M+ npm downloads per month, MIT licensing, and declarative API that integrates naturally with React state. For framework-agnostic work and marketing-page scroll animations, GSAP became 100% free for commercial use on April 30, 2025 (after Webflow's acquisition of GreenSock) and remains the standard for complex sequences and scroll choreography. For minimal CSS-only animations, Tailwind CSS Motion ships a 5 KB plugin that covers simple state transitions without JavaScript runtime overhead.

Is GSAP really free in 2026?

Yes. On April 30, 2025, GSAP and all previously paid Club plugins (ScrollTrigger, SplitText, MorphSVG, ScrollSmoother, DrawSVG, Flip, and others) became 100% free for commercial use following Webflow's October 2024 acquisition of GreenSock. The standard license explicitly covers commercial use on any website, web application, or digital interface. The license has some restrictions on reselling or redistributing GSAP itself, but commercial usage in client work, paid SaaS products, and revenue-generating sites is fully permitted.

What is the difference between Motion and Framer Motion?

Motion is the new name for Framer Motion. The library was rebranded in 2024 to reflect its broader use beyond Framer's own platform (it now powers Framer, Figma, and 100,000+ other sites). The npm package was renamed from framer-motion to motion. The API and functionality remain the same; only the brand and package name changed. If you are starting a new project in 2026, install motion rather than framer-motion.

Should I use Lottie or Rive for UI animations?

Use Lottie for pre-rendered animations that play back the same way every time (loading spinners, success checkmarks, onboarding illustrations). Use Rive for interactive animations that respond to runtime state (hover state, scroll position, user input, form validation). Lottie is simpler and has a larger free asset marketplace. Rive is more powerful for interactive motion but has a steeper learning curve. Most production teams use both: Lottie for static feedback animations, Rive for interactive marketing or in-app motion.

What is the best free motion design tool for designers without After Effects?

Jitter is the strongest browser-based motion design tool for designers without After Effects in 2026, with a significantly shorter learning curve than After Effects and exports to Lottie, MP4, and GIF. The free tier exports with a watermark; the $24/month Pro plan removes it. Lottielab is the alternative if you specifically want Lottie output and use Figma. Rive is the alternative for interactive motion. Penpot added native interaction primitives in early 2026 if you prefer open-source workflows.

Do I need to pay for LottieFiles?

No, for using Lottie animations and the Lottie player. The Lottie player (Lottie-web, Lottie-iOS, Lottie-Android, Lottie-react-native) is free under MIT license across all platforms. The LottieFiles marketplace has thousands of free animations licensed per-asset (some MIT, some attribution-required, some free for personal use only). The paid LottieFiles plan ($9-19/month) unlocks premium animations and unlimited downloads but is not required for accessing free Lottie animations.

How do I add motion to a UI design without writing code?

Three free no-code paths in 2026: Figma Smart Animate connects two frames with matching layer names and tweens between them automatically, working for prototype demos and design reviews. Penpot's new interaction primitives (added in early 2026) handle similar prototype motion in the open-source workflow. Rive lets you design interactive animations visually and export them to runtime players that developers integrate without writing animation code themselves. For production motion, a developer typically integrates the design using Motion or GSAP; the designer designs the motion, but the developer implements it.

What is the View Transitions API?

The View Transitions API is a browser-native feature that handles same-document and cross-document page transitions with a few lines of code, no library required. It shipped to Chrome 111+, Safari 18+, and is in progress for Firefox as of mid-2026. For Next.js App Router projects and other modern web apps, the View Transitions API handles route transitions that previously required Motion's AnimatePresence or GSAP's timeline. It is the most underused free motion resource for UI designers in 2026 because most teams still reach for libraries reflexively.

Where to go from here

Pick one tool from the list and add motion to a project this week. Most designers research motion tools for weeks before actually using anything. The 2026 free stack is mature enough that the cost of experimentation is low: install Motion in your existing React project, drop one Lottie animation into an empty state, or wire up one GSAP ScrollTrigger animation on a marketing page. The skill compounds quickly with practice.

For working UI designers in 2026, the high-leverage starting point is Motion for product UI (microinteractions, page transitions, modal animations). Once that workflow is comfortable, layer GSAP on top for marketing-page scroll choreography. Most teams never need more than these two libraries plus Lottie assets for the static animations.

Discovering more motion and animation resources on Mantlr

Mantlr curates every animation library, Lottie marketplace, and motion tool worth knowing:

**Motion Design Resources on Mantlr**: every free animation library, Lottie marketplace, and motion tool reviewed by the Mantlr team.
**Animation Libraries on Mantlr**: hand-picked free Lottie packs sortable by use case (loaders, empty states, onboarding, success states).
**Free Design System Resources Every Team Needs in 2026**: design system context where motion tokens fit, plus broader system foundations.
**Free Tailwind UI Components vs shadcn/ui in 2026**: the component foundation underneath most modern React UI motion work.
**Free Penpot Templates for UI Design in 2026**: Penpot context including the new interaction primitives.

Motion is now table stakes for UI work. Mantlr curates 500+ design resources — animation libraries, Lottie packs, design tools, and UI kits — hand-picked and verified so you ship faster.

Browse the Mantlr Directory →

Sources and methodology

Research conducted May 2026. GSAP licensing change details verified against Webflow's official "Webflow makes GSAP 100% free" blog post (webflow.com/blog/gsap-becomes-free, October 2025), GSAP's official pricing page (gsap.com/pricing, retrieved May 2026), CSS-Tricks' "GSAP is Now Completely Free, Even for Commercial Use!" (css-tricks.com, May 2025), and Webflow's GSAP integration documentation (help.webflow.com, March 2026). Motion (formerly Framer Motion) details verified against the official Motion documentation (motion.dev, retrieved May 2026) and PkgPulse's "Framer Motion vs GSAP (2026)" bundle and download analysis (pkgpulse.com, April 2026). React animation library landscape from LogRocket's "Comparing the best React animation libraries for 2026" (blog.logrocket.com, March 2026) and Alignify's "Best Animation Libraries (2026): React, Vue, Motion" (alignify.co, April 2026). Lottie marketplace and animation library details from MiroMiro's "8 Best Free Lottie Animation Sites" (miromiro.app, May 2026), Purshology's "Top 7 Lottie Animation Platforms 2026" (purshology.com, March 2026), and Moonb's "10 Best Free Lottie Animation Libraries (Commercial Use)" (moonb.io, September 2025). Rive and interactive motion details from Today Made's "25 Best Tools for Motion Design" (todaymade.com, August 2025). View Transitions API browser support cross-referenced against MDN Web Docs and individual browser release notes, retrieved May 2026.

About Mantlr

Mantlr is a hand-picked directory of design tools, UI kits, templates, and resources for working designers and developers. Every resource is reviewed before listing. We publish weekly guides on the tools designers actually use to ship.

Browse the full Mantlr directory →

Best Free Motion Design Resources for UI Designers in 2026