plasmic

Plasmic 是面向 Web 的开源可视化构建器，旨在快速构建应用、网站和内容，同时与现有代码库集成。README 将其定位为一种“突破低代码天花板”的方式，让用户拖拽自己的 React 组件，并将页面直接发布到现有应用中。 描述的主要用例包括内容管理（营销团队在 Next.js 站点中，从已注册的 React 组件组装落地页，并带有设计约束）、应用构建（内部工具、客户门户、业务软件），以及不绑定特定电商平台、CMS 或主机的通用网站构建。 重点强调的关键能力： - 注册任意自定义 React 组件，作为 Plasmic Studio 中的构建块使用。 - 无头 API，以及可选的 React 代码生成到代码库中。 - 丰富的有状态交互、数据源和后端集成，以及组件、变体、插槽和可组合状态管理等抽象。 - 由 react-aria 驱动的可定制无头设计系统组件。 - 内容创作者模式，提供简化编辑和设计约束。 - 协作功能，包括多人协作、分支、跨项目导入和多工作区组织。 - 通过将 Figma 的矢量文档格式转换为 DOM/CSS，从 Figma 导入设计。 - 面向页面性能、静态站点生成、图片优化和减少布局偏移的代码生成。 - 部署或导出到 Vercel、Netlify 或其他托管提供商。 - 终端用户认证和权限，包括 RBAC 和用户范围权限。 - 可 fork 和控制的开放源代码平台。 README 展示了一个典型的 CMS 集成流程：安装特定框架的 loader 包（例如 @plasmicapp/loader-nextjs），可选地使用 PLASMIC.registerComponent 注册应用或设计系统组件，在应用中添加 PlasmicComponent 和 PlasmicRootProvider 等占位符，然后让非开发者创建页面或区块并将其发布到应用中。发布变更可以通过 webhook、增量静态再验证或从 Plasmic CDN 动态获取来接收。 它还说明了版本管理指南：@plasmicapp 包之间依赖精确版本以保持同步，而 @plasmicpkgs 包使用 peer dependency 范围。README 建议使用 npm list 检查重复或不匹配的版本，并在需要时使用 npm dedupe 或重新安装。 许可：platform/ 之外的内容为 MIT；platform/ 为 AGPL。社区支持通过文档、论坛和 Slack 社区提供。