ai perspective warp是figma专用插件,可自动识别图像四边形轮廓并校正透视;需在figma插件库安装、上传图片、ai识别生成四点框、点击apply warp执行单应性变换,支持手动调整与svg锚点匹配辅助矫正。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

一、安装并启用AI Perspective Warp插件
AI Perspective Warp是一款专为Figma设计的第三方插件,可自动识别图像四边形轮廓并进行透视变形校正。需先在Figma社区插件库中检索并安装该插件,确保其具备最新版本支持当前Figma客户端。
1、打开Figma桌面端或网页版,进入任意设计文件。
2、点击顶部菜单栏的Plugins → Search plugins,在搜索框中输入“AI Perspective Warp”。
3、在结果中找到官方认证插件(开发者为“Figma AI Tools”),点击Install按钮完成安装。
4、安装后点击Plugins → Installed → AI Perspective Warp → Run启动插件。
二、上传待矫正图片并触发AI识别
插件运行后将弹出独立操作面板,要求用户导入原始图像。AI引擎会基于卷积特征提取技术定位图像中自然存在的矩形结构(如建筑立面、文档边缘),并生成初始四点控制框。
1、在插件面板中点击Upload Image,选择本地JPG或PNG格式图片文件。
2、等待几秒,插件自动完成边缘检测与主平面识别,界面中显示带四个角点的蓝色蒙版框。
3、若识别失败或框选偏移,可手动拖动任一顶点调整位置,确保四点分别对齐图像目标区域的四个实际角点。
三、执行透视变换并导出结果
确认四点定位准确后,插件将基于单应性矩阵(Homography Matrix)实时计算逆向投影映射,将倾斜图像拉伸还原为正交视角下的矩形输出。
1、点击插件面板中的Apply Warp按钮,Figma画布上立即生成已矫正的新图层。
2、新图层默认置于原图上方,且保留原始尺寸比例;可通过图层面板右键选择Detach Instance解除关联。
3、右键点击矫正后图层,选择Export → PNG (1x)保存无损结果。
四、使用Figma原生工具手动辅助矫正
当AI识别失效或图像缺乏清晰几何边界时,可借助Figma内置的“Smart Selection + Transform”组合实现近似透视修正,适用于简单文档类图像。
1、将图片拖入画布,选中图层后按Shift + K启用自由变换模式。
2、按住Cmd(Mac)或 Ctrl(Windows)键的同时拖拽任意角点,启用非等比斜切控制。
3、依次调整四个角点,使图像内容中已知的平行线(如纸张边缘、瓷砖缝隙)在视觉上恢复水平与垂直关系。
4、调整完成后按Enter确认变换,再使用Arrange → Flatten Selection合并像素状态(如需导出)。
五、导入SVG矢量路径进行高精度锚点匹配
对于含明确矢量轮廓的图像(如扫描图纸、CAD截图),可预先在外部工具中提取SVG路径,导入Figma后作为透视校准的几何参考基准,提升角点定位精度。
1、使用Inkscape或Adobe Illustrator将原图转为SVG,仅保留目标区域外框路径,删除填充与描边样式。
2、将SVG代码粘贴至Figma文本框,右键选择Convert to Outline生成可编辑矢量路径。
3、将该路径图层置于原图下方,缩放对齐后,启用插件并手动将AI识别框的四个顶点分别吸附至SVG路径的四个端点。
4、执行Apply Warp,系统将以矢量锚点为约束条件完成更鲁棒的单应性求解。











