Design System Tactics
Whether you’re starting fresh or maintaining a mature system, this growing collection of tactics is designed to help you make progress at every stage.
Whether you’re starting fresh or maintaining a mature system, this growing collection of tactics is designed to help you make progress at every stage.
Want to bring your vector illustrations to life? Follow this step-by-step guide to create a dynamic Lottie animation from a stock SVG graphic! Learn how to animate characters, add expressive motion, and create seamless looping effects using Lottie Creator.
Hello! In this week’s Design Lobster we’re digging into what makes design feel truly alive. We’re exploring the powerful gaming concept of “juice” and marvelling at the lifelike movement of a famous 18th century automaton. Prepare to be delighted!
Traditionally, stock graphics are created by artists, photographers, and illustrators. But now, there’s a new player in the mix—artificial intelligence.
Have you worked on a new website design and lost some key components? It’s a real issue, as you lose progress, and your project completion gets pushed back. But remember, whether you’re using macOS or Windows, your computer is made up of parts that can sometimes fail, just like you. But don’t panic prematurely, there’s a good chance you can recover those files. In this article, we will show you…
Explore how structured design decisions are transforming design systems through Penpot’s native tokens, real-world workflows, and open standards.
Dark mode isn’t just a trendy aesthetic. It’s a gateway to more inclusive digital experiences, but only if designed thoughtfully. While its sleek visuals and reduced eye strain appeal to many, poorly implemented dark themes can alienate users with visual impairments, causing readability issues like blurred text or harsh contrasts. Discover how to craft dark modes that don’t just look good but work for everyone, from those with light sensitivity…
Animation makes things clearer, especially for designers and front-end developers working on UI, prototypes, or interactive visuals. Manim is a tool that lets you create smooth and dynamic animations, not just for the design field but also in math, coding, and beyond, to explain complex ideas or simply make everything a little bit more interactive.
Whether it’s the confident tone of a bold sans-serif or the refined elegance of a classic serif, typography plays a key role in branding.
If you’ve ever stared down a blank Figma file while building a new design system, never fear: These new features and plugins will turn that mountain of work into an afternoon task.