网页设计转AI视频：从静态页面到动态演示的提示词架构
提示词描述：
打通设计与视频生产的专业提示词模板，帮助设计师将静态网页转化为流畅的动态演示。支持Figma/Sketch主流设计工具参数导入，精确控制动效曲线与交互逻辑。特别适合产品路演、设计作品集展示、客户提案等需要"让设计活起来"的场景。
提示语关键词：
AI视频生成,网页设计动效,Figma转视频,AI做产品演示,UI动效生成,网页交互视频,AI设计展示
提示词内容：
【使用场景】
面向UI/UX设计师、前端开发者及产品展示团队，将网页设计稿（Figma/Sketch/Adobe XD）转化为AI生成的动态演示视频。适用于产品发布会、投资人路演、用户测试等场景，解决"设计稿不会动"的展示痛点。
【操作步骤】
Step 1: 解析设计系统参数
输入{设计工具名称}、{画布尺寸}、{主色调HEX值}、{字体组合}，AI将提取视觉DNA建立风格基准。
Step 2: 定义交互逻辑
填写{交互类型}（hover/click/scroll/swipe）和{动效曲线}（ease-in-out/spring/bounce），系统自动匹配对应的运动学参数。
Step 3: 构建页面流转逻辑
通过{页面层级关系}描述导航结构，例如：
- 首页→产品页→详情页（线性流程）
- Tab切换（并列结构）
- 弹窗叠加（模态交互）
Step 4: 指定视频输出规格
设置{分辨率}、{帧率FPS}、{输出格式}，确保与目标平台兼容。
【效果示例】
输入：设计工具=Figma，画布=1440x900，主色=#2563EB，字体=Inter+SFMono，交互=hover+click，动效=spring，页面=首页→产品页→弹窗，分辨率=1080p，帧率=60fps
输出：
[Scene 1] 首页加载：Logo从透明度0→1，伴随spring回弹效果（0.3s）
[Scene 2] 按钮hover：CTA按钮scale(1.05)+阴影加深，持续0.2s
[Scene 3] 页面转场：产品页从右侧滑入，采用cubic-bezier(0.4,0,0.2,1)缓动
[Scene 4] 弹窗触发：毛玻璃背景模糊度0→12px，弹窗scale(0.95→1)
【进阶技巧】
1. 微交互增强：添加{微动效关键词}（如按钮涟漪、数字滚动、进度条填充），提升专业质感
2. 响应式演示：输入{断点尺寸}，自动生成多设备适配的展示视频
3. 设计Token复用：将{Design Token JSON}直接输入，保持设计系统一致性
上一页：AI视频销售话术生成器：从脚本到成片全流
下一页：考研人际关系处理：导师沟通全攻略