Building React UIs visually

on YouTube ↗39m

" summary

Plasmic is a browser-based visual builder that generates maintainable React presentational components and live-syncs them into a codebase; demo shows a pixel‑perfect to‑do UI exported via plasmic sync and iterated with plasmic watch. It supports reusable components with variants, slots, flexbox-powered stacks, and a CodeSandbox integration, handles incremental rendering with prioritized scheduling for smooth dragging, and adds a “plume” component system for built-in behaviors; early product from a five‑person team after ~nine months.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 0:13Landscape: Design tools
3. 1:53Landscape: Website builders
4. 2:34Landscape: Ul builders for web apps

" related talks

• 29mBuild React Frontends VisuallyYang Zhan · React Live Online Conference 2020
• 29mBuilding React Frontends visuallyYang Zhang · Conf42 JavaScript 2020
• 36mBuilding a Web Design Tool for DevelopersYang Zhang · HalfStack Online 2020
• 14mVisual building for Next.jsYang Zhang · Next.js Conf 2021
• 01h 04mBuilding Design Systems for Scale: From Tokens and Components to Motion & AI ToolsSaurabh Daware · React Nexus 2025
• 30mDesigning with ReactMark Dalgleish · React Amsterdam 2019
• 21mIntroducing React View: A Set of Tools that Closes the Gap between Users, DevelopersVojtech Miksu · React Summit 2020
• 10mBuilding UI with AI and Visual EditingMattia Pomelli · StrapiConf 2025