Background/Goal

Requirements for this task collected from this comment in T306874 and this Slack thread.

Following to the conversation during out last design system office hour on Codex vs. OOUI, I rewatched the recording, and I was wondering if it might be helpful to have a flowchart somewhere (image below as an example) to help us navigate through this transition. In our case could be something like:

• Are you designing for Abstract or Growth? [Yes][No].
  • If [Yes], use Codex Figma Library.
  • If [No], use OOUI Figma library.
    • Do you need a component that is available in Codex? [Yes][No]
      • If [Yes], copy and paste it in your file and let engineers know that is not available in OOUI therefore provide the specs to implement it in the local project.
      • If [No], …

User stories

• As a designer I need to understand when to design with the OOUI components.
• As a designer I need to understand when to design with the Codex components.
• As a designer I need to understand which tokens should I use in my designs.
• As a designer I need to understand which assets should I use in my designs.

Acceptance criteria (or Done)

• Design a flowchart to explain all use cases described in the user stories section
• Add this flowchart in a place where designers can easily find it when designing