上周末,我试用了 Figma 在 Config 2025 大会上刚刚发布的重要新功能 Figma Sites。作为一名设计师,我觉得特别兴奋——终于能直接在 Figma 里完成响应式网站的设计与发布了。
最近,大家一直在讨论 Figma Sites 与 Framer、Webflow 等其他无代码平台的区别。与其站在一旁观望,不如直接实践一把,于是我决定亲自用它完成了一个小项目:bear.academy。这个网站现在已经正式上线,完全由 Figma Sites 打造。
为什么选择这个项目?
我运营着两个内容方向不同的 newsletter(中文和英文),但一直缺少一个明确的登陆页面,让访问者方便地选择适合自己的语言版本。因此,我想做一个极简的页面,实现以下几个目标:
快速告诉访客网站的用途
让访客轻松选择并订阅对应的 newsletter
提供社交媒体和联系方式的链接
需求明确、内容现成,非常适合作为第一次的试验项目。
实践过程
首先确定视觉风格,确保信息简单清晰
直接在 Figma 中快速设计基本组件
用 AI 工具 Sora 快速生成所需插图
轻松连接域名,几分钟内完成发布
想看具体过程的视频讲解,可以参考下面的视频👇
用下来感觉好的地方
易用性:Figma 一站式工作流,流程非常顺畅
速度快:迅速的搭建过程让我有更多精力专注于设计思考
更自主:无需开发人员配合,创意想法可以快速上线
目前的不足之处
功能初期:暂无高级的内容管理系统(CMS),动画效果较为简单
生态尚未完善:缺少模板市场与更深入的整合功能
最后的想法
Figma Sites 为设计师提供了一个高效便捷的新选择,尤其适合个人项目、快速原型或想法验证。尽管功能还在不断完善,但它的初步表现已经很让人满意了。
你尝试过 Figma Sites 吗?欢迎访问 bear.academy 看看效果,也非常期待你的反馈!
视频:Config 2025: Figma 发布4款重磅新品!设计师的全新工作流来了!
Figma 刚刚在 Config 2025 发布了四个重量级产品,设计师的工作流程可能将被彻底改变。本期视频我戴上 Config 帽(真的有戴),带你快速了解这次发布的四大功能更新:Figma Sites、Buzz、Make 和 Draw。
我用 Figma Sites 4 小时就做出一个网站!但真相是……
如果你能在一个周末内零代码就设计并上线一个完全响应式的网站,会是什么体验?我刚刚用 Figma Sites 做到了,而且只花了 4 小时。本期视频带你走进幕后,看我如何用 Figma 最新的无代码流程,把中英文两份 Newsletter 都整合到一个域名 bear.academy 上。
你好,我是Bear(中文呢称大狗熊),是一位互联网产品设计师、用户体验设计导师、获奖双语播客主播、高效阅读践行者,现住在新西兰的奥克兰,我喜欢分享自己的工作与生活学习感悟,帮助大家一起成长。
《Bear学习派》是我每周通过邮件发出的关于科技、设计与效率的中文心得分享,涵盖好书解析、学习经验和职业感悟,完全免费!
订阅这个邮件,与 4000+ 位朋友一起学习进步:)
推荐
📕 《高效阅读》:一本帮助你全面提升阅读能力和认知的书,当当新书榜推荐。
📺 《狗熊有话说》YouTube频道:视频分享学习、科技与海外工作技巧
关于
💼 我的职业:Product Designer at Xero
🌃 我的副业:Design Mentor at CareerFoundry
🎤 我的爱好:Podcast host at Award-winning podcast BearTalk
联系
Beartalking.com - 我的博客,包含了所有中英文文章
https://twitter.com/bearbig - 我目前主要活跃的社交平台