用 Notion 为设计评审文档添加设计稿截图
用 Notion 为设计评审文档添加设计稿截图
每次设计评审,最头疼的就是把设计稿整理成文档给团队看。截图散落在聊天记录里,版本混乱,反馈也找不到。今天教你用 Notion 搞定设计评审文档中的截图管理,让评审流程清清爽爽。
一、基础操作:怎么把设计稿截图放进 Notion
在 Notion 里添加图片其实特别简单。打开你的页面(Page),输入 /image 就能调出图片区块(Block)。你有三种方式:
- 直接粘贴
:截图后 Ctrl+V直接贴进去,最快 - 拖拽上传
:从文件夹把图片拖到页面里,适合批量操作 - 嵌入链接
:用 /embed区块粘贴 Figma 或蓝湖的分享链接,直接在文档里预览设计稿原文件
举个例子:你从 Figma 截了首页改版的三个方案,直接拖进 Notion,一行排三张图,对比效果一目了然。
💡 达人经验:多张截图并排展示时,把图片拖到同一行就能自动分栏。按住图片边缘还能调整每张图的宽度比例,做方案对比特别好用。
二、进阶玩法:用数据库管理设计稿
截图多了以后,光堆在页面里会很乱。这时候建一个数据库(Database)来管理才是正解。
创建一个表格视图,设置这几个属性(Property):
|
|
|
|
|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
这样每次评审前,在数据库里筛选”待评审”状态,所有需要过的设计稿一目了然。
💡 达人经验:给数据库加一个画廊视图(Gallery View),把封面设成截图字段,整个评审文档瞬间变成设计稿展板,视觉效果拉满。
三、实用技巧:让截图更好用
- 添加标注
:在截图下方用 /callout区块写上设计说明,比如”这里改了圆角从 8px 到 12px” - 版本对比
:用切换器(Toggle)把旧版截图折叠起来,标题写”V1 旧版参考”,页面干净又能随时查看 - 收集反馈
:在每张截图下面加一个 /comment,团队成员直接在图片旁边留评审意见,不用再开会扯半天
知识要点总结
/image
和拖拽是最快的截图插入方式, /embed适合嵌入 Figma 等在线设计工具-
截图多时用数据库 + 画廊视图管理,按状态和版本分类 -
善用切换器折叠旧版本,用标注区块补充设计说明 -
评论功能直接挂在截图旁边,评审反馈不再丢失
夜雨聆风