用途:把 Figma 选中的画板重建为 WordPress 上可编辑的 Elementor 草稿页面,适用于把设计稿交付到 WordPress、不愿手工重排的场景。
主要能力:读取 Figma 节点树(frame、auto-layout、文字、颜色、图片),按节点角色映射为最接近的 Elementor 容器或组件;自动排版、间距、边框、圆角、阴影、透明度等样式;下载图片填充并上传到媒体库;把画板配色映射为 Elementor 全局颜色;生成构建计划供确认后写入草稿副本。常见映射包括:文字→标题(按字号推断级别)或文本编辑器,frame/auto-layout→flex 容器,图片填充→图片组件,线条→分隔线,重复卡片/列表可识别为手风琴、画廊、轮播、计数器、社交图标等。
使用方式:触发语为 “figma to elementor”,也可用 “build this figma design in elementor” 等。流程分读取审计、生成计划并确认、构建、验证、交付评审五阶段。构建使用 respira_build_page 或 respira_inject_builder_content,图片用 respira_sideload_image,需求读取 respira_get_site_context 等。
限制:非像素级还原;Figma 组件变体、原型交互、复杂矢量、遮罩、混合模式不还原;不自动生成响应式断点,平板/手机需手动调整;不涉及主题构建器部件(页眉页脚、归档模板);需 Respira for WordPress 插件、MCP 连接、目标站点启用 Elementor、Figma 读取权限与写入权限。写入仅限草稿副本,不自动发布,原始 Figma 文件只读。资料中提到 Murmur 评审需 Builder 及以上套餐,否则改用分享链接。