atomic design Archives - Andy Tidy's Design Portfolio

Documentation That Drives Adoption | Design Systems 103 | Figma Blog

March 21, 2025 / atomic design, design systems, figma / Blog

Source: Documentation That Drives Adoption | Design Systems 103 | Figma Blog Carly AyresEditor, Story Studio, Figma InsightsDesign systemsWriting Clear documentation transforms abstract design principles into practical tools. Here’s how leading teams build and maintain living documentation that evolves alongside their design systems. If you missed our previous articles, check out Design systems 101: What is […]

Documentation That Drives Adoption | Design Systems 103 | Figma Blog Read More »

Style Guide

November 9, 2017 / atomic design, style guide / Blog

Source: Style Guide Introduction As the Buffer team grows, it will become increasingly important to maintain a consistent style and visual language across all areas of the product. To do this, we have built the following style guide to document reusable components for faster product development. This style guide is based largely on the principles

Style Guide Read More »

Pattern Lab | Build Atomic Design Systems

October 30, 2017 / atomic design, patterns, style guide / Blog, Design Systems

Create atomic design systems with Pattern Lab. Source: Pattern Lab | Build Atomic Design Systems

Pattern Lab | Build Atomic Design Systems Read More »

How we’re using Component Based Design – Medium

February 2, 2017 / atomic design, design, style guide / Blog, Design Systems

How we’re using Component Based Design Component Based Design is often talked about in context of large, complex projects. In this post we’re making the case that it can also be very beneficial for smaller projects and teams. We now use Component Based Design for every project, big or small. First of all, we tip our

How we’re using Component Based Design – Medium Read More »

Patterns library

April 5, 2016 / atomic design, design systems, patterns / Blog

Patternslib, or short ‘Patterns’ lets you create rich, dynamic and interactive prototypes or websites, without having to know or care about Javascript. Instead, you simply add special CSS classes and HTML5 data attributes to your HTML. These classes and attributes describe so-called “interaction patterns”, which add rich functionality to your page. Patterns is both a

Patterns library Read More »