Spike: Code Connect POC #11313

Create a POC using Code Connect to generate dynamic PF-React code within Figma. Implement for at least 2 components, including a simple use case and more complicated component with numerous variants and/or nested components.

• About modal
• Button

Create config file and document getting started steps

• figma.config.json file
• Quick start steps documented
  • Reference Get Started page

Understand implications & follow-up questions for more complicated use cases in order to estimate level of effort to roll this out broadly

• Generating code in Figma for designs with multiple components, nested components
• Passing children to components
• Collaborating with design to confirm properties in Figma are set up correctly as needed to map to code
• Document questions to bring back to PF team around best practices for component code (ex: placeholders for a11y text, img src or other props not represented in Figma designs)