Code as Design

Language:

How and why

some code knowledge benefits design thinking.

Brett Haymaker, UI Engineer, Consultant & Instructor

I am not a designer

🙅‍♂️

design

vs

development

😒

The shared mental model of components

Common Ground:

• Inputs & outputs

• Reusability

• Abstraction

• Composition

• Organization

• Reactivity

• Visual & Behavioral Fidelity

2 + 2

Inputs & Outputs

Reusability + Abstraction = 😍

Improving the reusability paradigm

Composition

Organization

Figma

Sketch

Symbols

Storybook

Git

Jira

Project Structure

Reactivity

Visual Fidelity

Everything a user sees helps them build a "model of the world of the UI".

UX

=

User Expectations

UI Storefront

=

cross-stakeholder

communication

UI Storefronts

force us to work

in isolation

(design + dev)

🦸‍♀️🦸‍♂️

Thank you.

🙏

@brettHaymaker