Design token naming that scales: How to prevent token chaos

Learn how to structure and name primitive, semantic and component tokens so they remain discoverable, maintainable and scalable as your design system grows.
Design Systems
Design Tokens
UX Design
UI Design
Frontend Development
Published on Medium.com:
Read in English Auf Deutsch lesen
Cover graphic created by the author. It depicts the title “Design Token Naming” as an abstract visual representation using geometric shapes. (by Jens Merkel, jensmerkel.de)

Design Tokens: Bringing consistency to your design workflow

Learn how W3C DTCG design tokens help create scalable, consistent design systems across products, teams and modern design tools
Design Systems
Design Tokens
Frontend Development
UI Design
Product Design
Published on Medium.com:
Read in English Auf Deutsch lesen
Article cover image is showing a abstract design token illustration and related terms as text. (by Jens Merkel, jensmerkel.de)

Prompt Engineering Techniques explained with examples

Learn how to use prompt engineering to improve AI outputs, reduce iterations and use fewer tokens.
Artificial Intelligence
Prompt Engineering
Generative AI
UX Design
Productivity
Published on Medium.com:
Read in English Auf Deutsch lesen
Cover image with title “10 Prompt Engineering Techniques. (by Jens Merkel, jensmerkel.de)

Atomic Design isn’t dead — It just grew up

A practical guide to Atomic Design and why it remains relevant today.
Design Systems
UI Design
UX Design
Atomic Design
Atomic Design Systems
Product Design
Published on Medium.com:
Read in English Auf Deutsch lesen
Abstract illustration in pop art style with a human head, atoms and user interface elements. (by Jens Merkel, jensmerkel.de)

Figma Config 2026: The day the static canvas died?

Learn how Figma’s new features transform the canvas into a living system where design, motion, and code coexist.
Figma Config 2026
Product Design
Web Development
Artificial Intelligence
Ui Ux Design
Published on Medium.com:
Read in English Auf Deutsch lesen
Abstract cover image showing 3D objects on a black background. (by Jens Merkel, jensmerkel.de)

DESIGN.md: The surprisingly simple file that transformed my entire design workflow

In this article I will explain what a DESIGN.md is and how it will improve collaboration, performance and quality of designers, AI and engineers.
Artificial Intelligence
UX Design
Design Workflow
Design Systems
Google Stitch
Published on Medium.com:
Read in English Auf Deutsch lesen
Cover image shows a abstract and simple file symbol with DESIGN.md as label. (by Jens Merkel, jensmerkel.de)

JPEG, WebP, SVG, or PNG? The Ultimate Cheat Sheet for Choosing the Right Image Format

Here is your quick, no-nonsense guide to choosing the right format for Web, iOS, Mobile and Print.
Design
Web Development
UX
Performance
Frontend
Published on Medium.com:
Read in English Auf Deutsch lesen
Image with white symbols of different file icons and file type information on black background. (by Jens Merkel, jensmerkel.de)

Beyond the UI Kit: The Strategic Foundation of True Design Systems

This article describes the strategic values of design systems and how they bring quality, performance and user experience.
Design System
Product Design
UX Design
Design Strategy
UI Design
Published on Medium.com:
Read in English Auf Deutsch lesen
Abstract symbols related to design system content in black on white background. (by Jens Merkel, jensmerkel.de)