为什么国内团队选即时设计
Figma 虽好，国内访问需要网络环境和稳定性支撑，团队协作有天然门槛。即时设计（js.design）作为国产在线设计工具，浏览器打开即用、访问流畅、中文界面，团队协作体验接近 Figma，AI 能力也在快速补齐。本教程演示一个完整项目里即时设计怎么用。
第一步：项目与团队搭建
注册后创建团队，邀请设计师、产品、开发加入。按项目建文件夹：官网改版、小程序迭代、活动页，每个项目下建文件。给文件起名规范：项目名-版本-日期，比如官网改版-首页v2-0827，团队几十个文件也不乱。
权限设置按角色分：设计师可编辑，产品和开发只读或可评论。评论功能很重要：产品直接在稿子上留言这里间距再大一点，设计师收到通知即可修改，不用拉群对需求。
第二步：AI生图快速出概念
项目初期用 AI 生图对齐方向：输入一个教育App的课程详情页，扁平插画风格，橙色主色调。生成多张概念图，团队投票选方向，比纯文字讨论直观得多。
选中的概念图拖进画布，作为页面设计的视觉参考。AI 出图不用纠结细节，重点是定风格基调。
第三步：AI抠图与素材处理
运营提供的素材经常是带背景的产品图，放页面上很突兀。用即时设计的智能抠图：选中图片，一键去背景，边缘处理得干净。抠出来的产品图直接放页面上，配合阴影和场景色，效果立刻专业起来。
批量场景：活动页要放十几个商品图，全部抠图去背景，比在 PS 里一张张抠快得多。
第四步：配色与组件复用
品牌色拿不准时，用配色方案生成功能：输入品牌关键词，生成多套配色组合，挑一套符合气质的。定稿后存入团队资源库，全项目统一使用。
把常用组件（按钮、输入框、导航、卡片）做成团队组件库，新页面直接拖组件，保证全站风格统一。改组件样式，引用它的所有页面自动更新，这是协作设计的核心优势。
第五步：交付开发与验收
设计定稿后，开发协作模式：选中图层查看代码（CSS 属性自动生成）、一键导出切图（支持多倍率）、标注自动生成。开发照着稿子还原，设计师在线验收，改稿意见直接评论在对应位置，版本记录完整可回溯。
一句话总结：即时设计把设计、评审、交付放在同一个浏览器里，国内团队的协作链路因此短了一大截。