This week’s design and development discourse zeroes in on practical gaps that affect every site we build: colour contrast failures hiding inside modern palettes, SVG animation techniques most teams overlook, the growing risk of prototyping tools that dodge real-world constraints, and the evolving role AI plays in how software gets made and used. Here’s what our team is watching and what we’re already changing in our workflows.

Key Takeaways

• OKLCH lightness values are unreliable for predicting contrast — a different metric produces more accessible colour scales.
• SMIL animations offer a JavaScript-free route to performant, embeddable SVG motion that works inside <img> tags.
• Figma’s pixel-perfect canvas can mask critical performance, accessibility and code realities — just as Dreamweaver once did.
• AI is not replacing software; it is reshaping how software evolves and what users expect from it.
• Generative AI earns trust quietly rather than through dramatic takeover, raising new design responsibility questions.

Rethink Your Colour Scale: OKLCH Lightness Fails at Contrast

We’ve been fans of OKLCH for generating perceptually uniform palettes. But as this detailed breakdown on UX Collective explains, OKLCH lightness is brilliant for colour generation yet cannot reliably predict contrast ratios. That distinction matters enormously for WCAG compliance. The article identifies a better number for assigning palette weights — one that maps more closely to how humans actually perceive luminance differences.

Our design team has already started auditing client palettes against APCA-based contrast rather than relying on OKLCH lightness alone. If you’re building a design system in 2025, get this right at the token level or risk shipping inaccessible interfaces at scale.

SMIL Animations: The Overlooked SVG Technique Worth Learning

JavaScript isn’t the only way to animate SVGs. Smashing Magazine’s guide to timing charts and SMIL animations lays out a blueprint for animating SVGs without a single line of JS. The key advantage: SMIL animations work inside <img> tags, meaning they render in contexts where scripts are blocked — email clients, CMS embeds, restrictive security policies.

For our clients, this opens up lightweight motion in places we previously had to use static fallbacks or bloated GIF files. We’re testing SMIL-based micro-animations for logo marks and inline icons across several current builds.

Figma Is Becoming the New Dreamweaver — And That’s a Problem

A sharp critique from Web Designer Depot argues Figma is trapping designers in a 2018 mindset, much like Dreamweaver once convinced a generation they could ignore HTML and CSS. The pixel-perfect canvas hides the messy realities of responsive behaviour, performance budgets and semantic markup.

We see this daily. Handoff files arrive with fixed-width frames, decorative elements that lack alt text planning, and layouts that assume infinite bandwidth. The future belongs to designers who understand systems, behaviour and code — not just visual fidelity. Our internal process now requires every Figma comp to ship alongside a constraints document covering breakpoints, loading strategy and accessibility annotations.

AI Won’t Kill Software — It Will Force It to Evolve

After enterprise software stocks took a hit in August 2025, panic headlines followed. But as this UX Collective analysis argues, extinction is the wrong lens — evolution is the right one. AI is changing what users expect from tools, not eliminating the need for tools altogether. We’re advising clients to focus on integrating AI capabilities into their existing platforms rather than waiting for wholesale replacement.

Generative AI Earns Trust Quietly — Designers Must Respond

The Matrix imagined a machine uprising. Reality is far more mundane. UX Collective’s reflection on what The Matrix got wrong about AI notes that generative AI simply asks for trust — and mostly gets it. That quiet adoption places new responsibility on designers and developers to surface AI involvement transparently, build appropriate guardrails and ensure users understand when content or decisions are AI-assisted.

Every item on this list points in the same direction: the gap between tool output and production-ready quality is where professional web design earns its value. Whether it’s colour contrast, animation performance, prototyping fidelity or AI integration, the teams that close that gap fastest will build better products and win more trust from the people who use them.

Frequently Asked Questions

What is the problem with using OKLCH lightness for colour scales?

OKLCH lightness is excellent for generating perceptually uniform colours but does not accurately predict contrast ratios. This means palettes built solely on OKLCH values can fail WCAG accessibility checks even when the numbers look correct in a design tool.

How do web designers animate SVGs without JavaScript?

SMIL (Synchronized Multimedia Integration Language) allows animations to be declared directly inside SVG markup. This means animated SVGs work inside <img> tags and environments where JavaScript is blocked, offering a lightweight, performant alternative.

Why is Figma compared to Dreamweaver by web design professionals?

Both tools create a false sense of completeness — Dreamweaver hid the need to understand HTML and CSS, while Figma’s pixel-perfect canvas can hide responsive, performance and accessibility realities. Designers who rely solely on Figma risk handing off work that doesn’t translate to production-quality code.

How does AI change what web designers need to plan for?

AI is shifting user expectations around automation, personalisation and content generation within digital products. Designers now need to build transparency cues, trust indicators and clear guardrails into interfaces where AI plays an active role.