Cloud Studio 云端协作 IDE
开始于2015年, 结束于2022年
Cloud Studio 是一款云端集成式开发环境（IDE），底层经历了多次技术调整，目前基于 VSCode Server 进行的深度开发。
Cloud Studio 主打在线协作开发，提供了多人协作，工作空间模板共享，快捷部署，文本/视频聊天等功能。
Cloud Studio 官网
我的工作
我在 Cloud Studio 的角色为产品设计师，主要负责产品需求梳理、用户体验与交互设计、品牌设计。日常工作中我会和 Cloud Studio 产品团队一起分析和优化需求，提出方案，完成交互设计后转交给 UI 设计师或我自己做 UI。
Cloud Studio 经历了多年的发展，2015 年第一次上线时版本名为 CODING Web IDE，使用自研的 IDE 提供服务。后来开源社区中 VSCode Server 逐渐兴起，获得了更多的生态支持。CODING Web IDE 也将 IDE 技术方案改为 VSCode Server，被腾讯云收购后将名字更换为了 Cloud Studio。
我长期参与 Cloud Studio 的设计工作，中间因工作重心调整中断过一两年。近两年 Cloud Studio 的迭代都有我的参与。
我参与的主要项目：
- Cloud Studio 文字版 Logo 设计
- 多个版本官网规划与设计
- 账户体系与控制台产品设计
- IDE 产品设计
- Cloud Studio 内置插件产品设计
- 插件广场设计
Cloud Studio Logo 设计
在 CODING Web IDE 将品牌变更为 Cloud Studio 时，就需要一个新的 Logo。
我帮助 Cloud Studio 设计了一个纯字体的 Logo，两年后期品牌迭代时由视觉设计师为 Logo 添加了一个符号。
我设计的 Cloud Studio Logo 文字部分
控制台与 IDE 产品设计
Cloud Studio 控制台主要功能为账号管理、计费、使用模板、管理工作空间。2022 年计划增加 K8S 集群开发、部署相关功能，也对账号体系进行了扩展，未来将推出团队版账号，相关功能会更为复杂，还未上线暂不放图。
Cloud Studio 登录注册
Cloud Studio 控制台
Cloud Studio 费用中心
IDE 产品设计主要以插件和面板选项体现，目前已上线的主要功能有 MetaWork 协同、云端部署套件、模板分享
MetaWork 协同
MetaWork 多人协作
MetaWork 多人协作 - 接受邀请
云端部署套件
IDE 云端部署套件
模板分享
模版分享
模版分享 - 接受邀请
关于 Cloud studio
在我 2015 年加入 CODING 之前， CODING 刚推出了 Web IDE，还做了一个视频介绍它。那时候我还没用过任何 IDE，常用编辑器也只有 Sublime Text 2，看完视频介绍觉得这个产品太酷了。
在参与 Cloud Studio 产品迭代的这些年里，我们围绕 在线协同开发 这个目标做了许多的尝试。近些年随着 VSCode 的兴起，做 Web IDE 的产品越来越多，我自己也是多个在线编辑器产品的深度用户，比如这些年一直在用 Codepen、CodeSandbox、Gitpod、GitHub CodeSpaces、Replit、Glitch 等，还有些已经被收购或倒闭的产品。这些产品都在不同的细分领域，使用 Web IDE 的能力为用户提供服务。
除了协同开发外，自己编程时使用 Web IDE 也是个不错的选择。我在家常用的电脑是一个台式 Mac，外出就带 MBP，偶尔写点代码就会使用 GitHub CodeSpaces，一方面深度体验竞品，另一方面可以忽略电脑环境和代码同步的问题。而且 CodeSpaces 还支持用本地 VSCode 打开远端工作空间，只要网络平稳体验就很流畅。
Cloud Studio 处在一个长期不温不火的缓慢发展状态，做产品的人也得有足够的耐心，静观市场的发展。
Tank Xu
Product Designer/Creator