Handoff Tool Showdown: Figma vs. Zeplin
This article provides a comprehensive comparison between Figma and Zeplin, two leading design handoff tools used by design teams. It outlines the importance of design handoff tools in modern product…
Design Handoff
How to Document Component States (Hover, Active, Disabled)
This article provides an in-depth guide on documenting component states in user interface design, emphasizing the importance of clear specifications for enhancing user experience and consistency across development teams. It…
Specifying Layouts: Spacing & Typography
The article delves into the critical aspects of layout design, focusing on the interplay between spacing and typography. It emphasizes the importance of intentional spacing for readability and user engagement,…
Communicating Animation Specs to Developers
This article discusses the importance of clear communication between designers and developers in the context of animation specifications for user interfaces. It highlights the need for effective handoff processes, the…
Exporting Assets for the Web (SVG, WebP)
This article provides a comprehensive overview of exporting web assets, focusing on formats like SVG and WebP. It highlights the importance of properly exporting assets for website performance and user…
Creating a Living Style Guide
Creating a living style guide is essential for maintaining a cohesive design system that evolves with the codebase. It acts as a dynamic documentation resource, ensuring that design and development…
Anatomy of a Perfect Handoff File
The article discusses the essential components of creating an effective handoff file that facilitates collaboration between designers and developers. It emphasizes the importance of structured project files, clear naming conventions,…
Documenting Design Systems for Handoff
This article discusses the importance of documenting design systems for effective design handoff between teams, highlighting best practices, tools, and strategies for enhancing collaboration between designers and developers. It emphasizes…
A Checklist for Reviewing Developer Builds
This article provides a comprehensive checklist for reviewing developer builds, emphasizing the importance of code reviews in enhancing software quality, maintainability, and team collaboration. It outlines key focus areas for…
The Designer’s Role in a Git Workflow
The article explores the integration of designers into Git workflows, emphasizing the importance of version control systems like Git and platforms like GitHub in modern product development. It outlines the…