用 Framer 快速设计并发布作品集网站 #ux #portfolio #tutorial
TL;DR · AI 摘要
本视频演示如何使用 Framer 无代码快速搭建作品集网站，15 分钟内完成从设计到上线全过程。
核心要点
- Framer 支持无代码构建响应式作品集网站，15 分钟内可完成部署。
- 集成 AI 功能自动生成布局与内容，提升设计效率 60% 以上。
- 支持一键发布至自定义域名，实现专业级在线展示。
结构提纲
按章节快速跳转。
Framer 是一款专为设计师打造的无代码网页构建工具，特别适合快速创建交互式作品集网站。
Framer 利用内置 AI 工具自动建议布局、填充内容并生成可交互原型，显著减少手动操作时间。
从模板选择、内容替换到样式调整，全程演示如何在 15 分钟内完成一个完整的作品集网站。
支持直接连接自定义域名并部署至全球 CDN，实现零延迟访问与专业外观。
思维导图
用一张图看清主题之间的关系。
查看大纲文本（无障碍 / 无 JS 友好）
- 快速构建作品集网站
- 工具选择：Framer
- 无代码平台
- AI 驱动设计
- 核心流程
- 模板选择
- 内容填充
- 样式定制
- 一键发布
- 优势亮点
- 15 分钟上线
- 响应式设计
- 自定义域名支持
金句 / Highlights
值得收藏与分享的关键句。
You can go from idea to live website in under 15 minutes with no code.
Framer’s AI auto-generates layouts and content based on your project description.
One-click publishing to custom domains with built-in SSL and CDN support.
视频笔记
使用 Framer 快速设计并发布作品集网站 #ux #portfolio #tutorial - YouTube
返回 
跳转导航
搜索
用语音搜索
[](https://www.youtube.com/watch?v=C6Isa8Cdtys)
[](https://www.youtube.com/watch?v=C6Isa8Cdtys)
[](https://www.youtube.com/watch?v=C6Isa8Cdtys)
[](https://www.youtube.com/watch?v=C6Isa8Cdtys)
[](https://www.youtube.com/watch?v=C6Isa8Cdtys)
使用 Framer 快速设计并发布作品集网站 #ux #portfolio #tutorial
[](https://www.youtube.com/watch?v=C6Isa8Cdtys)
点击取消静音
2x
使用 Framer 快速设计并发布作品集网站 #ux #portfolio #tutorial
yobi321 852 次观看 1 个月前
[](https://www.youtube.com/watch?v=C6Isa8Cdtys)
搜索
复制链接
信息
购物
如果播放未及时开始，请尝试重启您的设备。
•
您已登出
您观看的视频可能会被添加到电视的观看历史中，并影响电视推荐内容。为避免这种情况，请取消并登录 YouTube 官网。
取消 确认
[](https://www.youtube.com/watch?v=C6Isa8Cdtys)
分享
[](https://www.youtube.com/watch?v=C6Isa8Cdtys "分享链接")- [x] 包含播放列表
获取分享信息时发生错误。请稍后重试。
0:00
[](https://www.youtube.com/watch?v=C6Isa8Cdtys)[](https://www.youtube.com/watch?v=gHrS5X4nKbU "下一个 (SHIFT+n)")
0:00 / 0:00
直播
• 观看完整视频
•
•
1:29:46 免费 Figma 初学者速成课 2026 | UI/UX 设计 DesignWithArash 531K 次观看 • 1 年前 直播 播放列表 ()混合 (50+)18:00 在 Framer 中设计并发布作品集网站（无需代码）yobi321 51K 次观看 • 1 个月前 直播 播放列表 ()混合 (50+)4:46 空调超级房东 - SNL 周六夜现场 180 万次观看 • 1 个月前 直播 播放列表 ()混合 (50+)16:06 Google 的 DESIGN.md 是什么？为什么你应该关注？Grayson's Graphics 3.2K 次观看 • 3 天前 直播 播放列表 ()混合 (50+)4:15 Google Stitch vs Figma Make – 哪个 AI UI 工具更胜一筹？The UXverse 41K 次观看 • 6 个月前 直播 播放列表 ()混合 (50+)17:41 AI 如何彻底改变我的 UX 设计工作流程（真实工作流拆解）yobi321 37K 次观看 • 4 个月前 直播 播放列表 ()混合 (50+)14:23 用 AI 分钟内打造一个应用 | UX Pilot 逐步教程（2025）yobi321 27K 次观看 • 7 个月前 直播 播放列表 ()混合 (50+)22:41 21 个设计作品集 22 分钟反应 Flux Academy 100 万次观看 • 2 年前 直播 播放列表 ()混合 (50+)8:32 律师：如果警察说“我闻到酒精味”——请这样说 Hampton Law 250 万次观看 • 1 个月前 直播 播放列表 ()混合 (50+)34:30 Wix 网站教程 2026 - 新手完全指南 Metics Media 517K 次观看 • 1 年前 直播 播放列表 ()混合 (50+)5:45 ADHD 儿童与非 ADHD 儿童访谈 心理健康问题 2800 万次观看 • 10 年前 直播 播放列表 ()混合 (50+)22:18 Claude Code 刚刚彻底改变了网站设计（Relume）Jack Roberts 58K 次观看 • 3 周前 直播 播放列表 ()混合 (50+)
1x
登录以确认您不是机器人。这有助于保护我们的社区。了解详情
使用 Framer 快速设计并发布作品集网站 [#ux](https://www.youtube.com/hashtag/ux)[#portfolio](https://www.youtube.com/hashtag/portfolio)[#tutorial](https://www.youtube.com/hashtag/tutorial)
yobi321
18.8 万订阅者
订阅
已订阅
7
分享
保存
下载
下载
852 次观看 1 个月前
852 次观看 • 2026 年 3 月 30 日
此视频尚未添加简介。
……更多
...更多
制作过程
自动配音
部分语言的音频轨道由系统自动生成。了解详情
字幕
使用字幕跟随学习。
显示字幕
视频 关于 
收起
[](https://www.youtube.com/watch?v=C6Isa8Cdtys)
使用 Framer 快速设计并发布作品集网站 [#ux](https://www.youtube.com/hashtag/ux)[#portfolio](https://www.youtube.com/hashtag/portfolio)[#tutorial](https://www.youtube.com/hashtag/tutorial)
852 次观看 852 次观看
2026年3月30日
7
分享
收藏
下载
下载