Evaluate integration options for agency-delivered Figma components

[Spark450]

Summary

Explore and recommend the best way to integrate the agency-delivered components into our design system, enabling designers to start using the new visuals with minimal friction once the DS evolution is ready to be released.

Background

The agency has delivered—and we have approved—the first two redesigned components. We now need to decide whether to:

1. Reuse or lightly refactor the agency’s Figma components as-is.
2. Translate the visual updates into our current library into our existing library.
3. Publish a separate library that references the specifications in the agency’s updates.

This understanding will aid both our implementation efforts and how we handle future handoffs and reviews.

Objectives

• Evaluate the technical and workflow implications of the three distribution options.
• Recommend a single path forward, with clear next steps.
• Identify any needed changes to our component review checklist and to the artifacts the agency hands over.

Acceptance criteria

• ◻️ Recommendation, verbal or written.
• ◻️ Proposed updates to (a) the formal review process and (b) potentially the mandatory criteria.
• ◻️ Outcomes captured in this issue.

[twjeffery]

Process spike completed for the component 2.0 update to design system:

Part A

1. Integrated updated design into current Figma library
   • Figma component tested, cleaned up, and rebuilt as needed
   • Variants and properties sorted based on update and what is currently in the system
2. Detailed implementation notes for changes needed to update coded components
3. Issue created in Github with detailed change spec

Notes on current review process with Engine Digital

Current review and hand off process has worked pretty well. No matter what, I think there will be adjustments needed to implement in our Figma library and in code.

Components run through process part A so far with Github issue created outlining change for development:

• Badge 2.0 update #2914
• Callout 2.0 update #2915
• Checkbox 2.0 Update #2949
• Filter Chip 2.0 Update #2952
• Icon Button 2.0 Update #2953
• Text Input 2.0 Update #2955
• Notification Banner 2.0 Update #2947
• Radio input 2.0 update #2936
• Link 2.0 update #2956

Part B

1. Take detailed handoff spec
2. Run through refined ai process to implement, review, and test component updates

Components run through process part B so far:

• Spike: styling update for design system 2.0 - Callout #2925
• feat(#2936): radio style update 2.0 #2944

---