with one click
figma-design-to-code-webinar
figma-design-to-code-webinar contains 3 collected skills from bitovi, with repository-level occupation coverage and site-owned skill detail pages.
Skills in this repository
Connect shadcn/ui components to their Figma design system counterparts using Code Connect.
Explore a Figma file to discover all pages, components, and component sets using the Figma REST API. Use when you need to list components in a Figma file, find component node IDs for Code Connect, or understand the structure of a design file.
Implement React components from Figma designs. Use after figma-design-react has analyzed the design, or directly with a Figma URL to run analysis and implementation in one shot. Delegates to create-react-modlet for folder structure, then adds Figma-specific implementation, stories for each variant, and README with design context. Also triggers on phrases like "build this component from Figma", "implement this design", "create a component from this Figma URL", "turn this Figma into code".