compfeed

Open beta

compfeed

Open beta

Open beta

Turn your
design process
into action

Turn your
design process
into action

Turn your
design process
into action

Turn your
design process
into action

compfeed

Button

2

API Alignment

Gather web and app API requirements

Create a table overview

API alignment meeting

Apply feedback to final document

Definition of Ready

Dynamic component in Figma

Add and connect component specific tokens

Run documentation plugin

Review by peer

compfeed

Button

2

Definition of Ready

Dynamic component in Figma

Add and connect component specific tokens

Run documentation plugin

Review by peer

compfeed

Button

2

API Alignment

Gather web and app API requirements

Create a table overview

API alignment meeting

Apply feedback to final document

Definition of Ready

Dynamic component in Figma

Add and connect component specific tokens

Run documentation plugin

Review by peer

Mark 'em down
-beside your canvas

Mark 'em down
-beside your canvas

Mark 'em down
-beside your canvas

Register progress in a single click, then get back at it.

Allowing the designer to focus on the task at hand.

Register progress with one click without leaving the artboard. Allowing the designer to focus on the task at hand.

compfeed

Button

2

Consolidate Design

Gather use cases

Identify discrepancies

Create a new solution

Consolidation meeting

API Alignment

Gather web and app API requirements

Create a table overview

API alignment meeting

Apply feedback to final document

Definition of Ready

Dynamic component in Figma

Add and connect component specific tokens

Run documentation plugin

Review by peer

compfeed

Button

2

Definition of Ready

Dynamic component in Figma

Add and connect component specific tokens

Run documentation plugin

Review by peer

compfeed

Button

2

Definition of Ready

Dynamic component in Figma

Add and connect component specific tokens

Run documentation plugin

Review by peer

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

BUTTON

See every component & UX project
in one dashboard

See every component
in one dashboard

See every component
in one dashboard

All components are displayed in a single overview,

no matter the file or page - giving you constant oversight.

All components are displayed in a single overview, no matter the file or page

- giving you constant oversight.

All components are displayed in a single overview,

no matter the file or page

- giving you constant oversight.

3 / 40

Card

API ALIGNMENT

go to figma page

API alignment

Gather web and app API requirements

Create a table overview

API alignment meeting

Apply feedback

Components

all phases

4 / 40

account

consolidation

40 / 40

button

ready for development

16 / 40

card

API Alignment

40 / 40

checkbox

Ready for development

16 / 40

counter

API Alignment

40 / 40

divider

Ready for development

16 / 40

icon

API Alignment

4 / 40

input

Consolidation

40 / 40

label

Ready for development

16 / 40

link

unavailable

Components

all phases

4 / 40

account

consolidation

40 / 40

button

ready for development

16 / 40

card

API Alignment

40 / 40

checkbox

Ready for development

16 / 40

counter

API Alignment

40 / 40

divider

Ready for development

16 / 40

icon

API Alignment

4 / 40

input

Consolidation

40 / 40

label

Ready for development

16 / 40

link

unavailable

Components

all phases

4 / 40

account

consolidation

40 / 40

button

ready for development

16 / 40

card

API Alignment

40 / 40

checkbox

Ready for development

16 / 40

counter

API Alignment

40 / 40

divider

Ready for development

16 / 40

icon

API Alignment

4 / 40

input

Consolidation

40 / 40

label

Ready for development

16 / 40

link

unavailable

Components

all phases

4 / 40

account

consolidation

40 / 40

button

ready for development

16 / 40

card

API Alignment

40 / 40

checkbox

Ready for development

16 / 40

counter

API Alignment

40 / 40

divider

Ready for development

16 / 40

icon

API Alignment

4 / 40

input

Consolidation

40 / 40

label

Ready for development

16 / 40

link

unavailable

Distributed everywhere

Distributed everywhere

Distributed everywhere

The checklist template is automatically sent to all widget instances – ensuring that every designer follows the compliant route for a new contribution.

The checklist template is automatically sent to all widget instances – ensuring that every designer follows the compliant route for a new contribution.

The checklist template is automatically sent to all widget instances – ensuring that every designer follows the compliant route for a new contribution.

Create your own checklist template

Create your own checklist template

Create your own checklist template

Create your own checklist template

Create a procedural checklist to guide designers in creating a compliant contribution. Divide tasks into phases and arrange them in sequential order.

Create a procedural checklist to guide designers in creating a compliant contribution. Divide tasks into phases and arrange them in sequential order.

Create a procedural checklist to guide designers in creating a compliant contribution. Divide tasks into phases and arrange them in sequential order.

designsystems.com

designsystems.com

Keeping design system contributions in check

Keeping design system contributions in check

Keeping design system contributions in check

Keeping design system contributions in check

Want to ensure that your design system contributions are organized and consistent? Learn about the value of a component matrix and checklist for keeping everyone on the same page.

Want to ensure that your design system contributions are organized and consistent? Learn about the value of a component matrix and checklist for keeping everyone on the same page.

Want to ensure that your design system contributions are organized and consistent? Learn about the value of a component matrix and checklist for keeping everyone on the same page.

Join us on the journey

Join us on the journey

Join us on the journey

Sign up to get updates on the widget. Mailchimp handles our subscriptions.

Sign up to get updates on the widget. Mailchimp handles our subscriptions.

Sign up to get updates on the widget. Mailchimp handles our subscriptions.