Build React Frontends Visually
summary
Demonstrates a browser visual builder called Plasmic that creates React components, generates code and live‑syncs them into a local app via Plasmic sync and a codesandbox integration; shows building a to‑do UI with code components and variant states, layout powered by flexbox, and a Figma plugin path. Discusses performance tradeoffs (targeting 60 fps / 16 ms budget), incremental scheduling for hundreds of artboards, and that the team of five uses Plasmic to build itself.
AI-written summary · about
chapters (18)
- 0:00Intro
- 0:57Visual creation tools
- 1:50Website builders
- 2:32UI builders
- 3:14plasmic
- 3:50Wireframes
- 5:27Styling
- 6:37Layout
- 7:45Task List
- 12:19Column Layout
- 13:07Getting Started
- 14:19ToDo App
- 21:26Code Components
- 22:56Product Challenges
- 24:04Design Challenges
- 25:10Code Integration
- 26:57plasmid sync
- 27:24workflow impact
related talks
39mBuilding React UIs visually
30mDesigning with React
35mTeleport your application
36mElevate Your React Workflow with Figma
38mReact as a Developer Health Tool
01h 00mAmplify: Visually build extensible, full-stack apps faster on
24mBuild React Apps Fast Using Storybook, DDD, and Atomic Design
44museSideProject - If you build it, they will come