Authoritative Design Source

The authoritative source for existing design is Figma.

UX and website designers design and maintain pages, components and elements in Figma. These are then implemented (in the case of a new component, page or application) or updated in Drupal.

Designers use libraries of existing Drupal components whenever possible to build the new page, component or element.

As designers review and update existing components and elements in Figma, appropriate changes are made in Drupal to mirror.

Figma cannot export wireframes/html templates or css. These are manually built in Drupal and are synchronized with Figma as Designers make changes - there cannot be a physical link between the two systems.