Showing Posts From

Design-systems

Keeping UI in sync with code: Olives

Keeping UI in sync with code: Olives

What's the worst part about UI design other than doing it? Keeping it in sync with the code. Well, ...

Figma fancy screenshots vs Olives structural extraction

Figma fancy screenshots vs Olives structural extraction

Figma just announced they can turn your code into fancy screenshots. Meanwhile, I've been working on...

Figma fancy screenshots vs Olives structural extraction

Figma fancy screenshots vs Olives structural extraction

Figma just announced they can turn your code into fancy screenshots. Meanwhile, I've been working on...

Olives is adding the final piece: proper visual fidelity

Olives is adding the final piece: proper visual fidelity

Almost a week ago, I built bidirectional sync between code and design tools. This weekend, I'm add...

Making Figma speak code's language with Olives

Making Figma speak code's language with Olives

I could've built a new design tool. Instead, I'm forcing Figma to speak code's language - determin...

Olives: bidirectional sync and one source of truth

Olives: bidirectional sync and one source of truth

A few days ago: Olives could extract components from code. Today: Full bidirectional sync works en...

From design intent to working components

From design intent to working components

# From Design Intent to Working Components **A codebase-first pipeline for turning visual decisions ...

From Design Intent to Working Components

From Design Intent to Working Components

Most teams solve visual consistency the same way: they rely on developers remembering the design dec...