2025 10 03 11 ARIS MARKOGIANNAKIS CONGRESO REACT ALICANTE The international React js conference i
summary
Demonstrates generating Playwright tests and React components from designs using Figma MCP and a CLI-backed code connect workflow, with prompts that produce a Playwright test and Storybook stories automatically. Shows workflow-based prompting that steps through creating buttons, cards and stories, but generated UI is misaligned and misses states so designers must publish variants, properties and font variables for consistency. Claim: reuse real components and sync design properties to boost output quality — it works but needs human-specified semantics.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:54AI as code generation
- 4:01Playwright test generation demo
- 5:51Figma MCP server for React
- 7:15Workflow prompting for tasks
- 9:03AI output quality challenges
- 10:06Figma Connect syncing design
- 11:29Boosting output with Figma MCP
- 12:53Semantics and testing for AI
- 13:13AI reshaping work
related talks
30mDesigning with React
12mBuilding a React App with AI
01mWhat Aurora Scharff Thinks of React
30mMichel Weststrate — React: It's Not a Framework for the UI, but a Framework for the Mind
33mAMA with Mark Dalgleish
09mFigma To React with AI, Are We There Yet?
44mHow Well Do You Know React? let's have fun together!
41mBuilding a design system with React in 2025, what's new?