什么是Paper?
Paper 是一个现代设计平台，通过将代码直接构建到创意画布中，从根本上重新构想设计师的工作方式。与传统设计工具在设计和开发之间创建分离不同，Paper 让设计师使用真实的 CSS flexbox 创建布局，生成生产就绪的 React 代码组件，并应用高级视觉效果如动画 shader。该平台集成了多个 AI 图像生成模型（Flux 2、OpenAI Image Edit、Nano Banana Pro），同时让设计师保持完全控制。团队可以在共享文件上实时协作，每个设计元素都可以精确导出——从布局到交互式 shader 效果。Paper 支持从早期构思到生产交接的全面设计工作流程。
主要功能
代码原生设计画布
使用真实的 CSS flexbox 布局创建设计，渲染效果与代码完全一致。通过 Copy as React 功能将设计导出为生产就绪的 React 组件，或转换为 Tailwind CSS，以 1:1 的保真度保留每个设计决策。
动画 Shader 与视觉效果
访问可编程 shader 效果库，包括网格渐变、液态金属、凹槽玻璃、半调和脉冲边框。直接在画布上创建动态图形和动态视觉效果，然后导出为视频或轻量级代码。
集成 AI 图像工具
使用 Flux 2、OpenAI Image Edit 1.5、Nano Banana Pro 和 Seedream 在画布内生成、编辑和增强图像。移除背景、放大图像、提取调色板，并在整个过程中保持完全的创意控制。
高级颜色与字体管理
支持现代色彩空间（sRGB、P3 色域、OKLCH、LAB、LCH）、可变字体自定义轴、光学尺寸调整和全面的文本格式控制。一键直接从图像中提取调色板。
实时团队协作
多个团队成员可以同时编辑同一文件，具有实时光标可见性和即时更新。添加评论、@协作者，并通过灵活的权限控制共享文件。
全面的导出选项
将设计导出为 React 代码、Tailwind CSS、SVG、PNG、WebP、AVIF 或 MP4 视频。每种导出都保持设计的完整意图，无论是交互式 shader、动画还是响应式布局。
1. Paper 与 Figma 有什么不同？⌄
Paper 以代码原生设计为核心构建。虽然 Figma 专注于设计到交接的工作流程，但 Paper 让您使用真实的 CSS flexbox 进行设计，并直接从画布导出生产就绪的 React 或 Tailwind 代码。Paper 还通过其 shader 系统强调高级视觉功能，为设计师提供动画效果和动态图形，无需外部插件。
2. 我可以将设计导出为代码吗？⌄
是的。Paper 的 Copy as React 功能将您的设计导出为 1:1 生产就绪代码。您可以使用 Alt+R 快捷键导出为 React 组件或 Tailwind CSS。导出的代码保留所有设计决策，包括布局、字体、颜色和效果。
3. 什么是 shader，我可以用它们做什么？⌄
Shader 是直接在您的设计上运行的可编程视觉效果。Paper 包含网格渐变、液态金属、凹槽玻璃、CMYK 半调等效果。您可以为 shader 添加动画，将其导出为视频，或转换为生产代码。它们允许您创建通常需要外部工具的动态交互式视觉效果。
4. Paper 可以免费使用吗？⌄
Paper 目前处于开放 Alpha 阶段，提供免费版本。视频导出功能面向 Paper Pro 订阅用户提供。完整的定价详情将在平台接近正式发布时公布。
5. 我的团队可以实时协作吗？⌄
是的。Paper 支持实时多人编辑，允许多个团队成员同时处理同一文件。团队成员可以看到彼此的光标，留下评论，@协作者，并通过可自定义权限共享文件。
6. Paper 包含哪些 AI 图像功能？⌄
Paper 集成了多个 AI 图像生成模型：Flux 2 用于文本到图像生成，OpenAI Image Edit 1.5 用于精确编辑，Nano Banana Pro 用于多参考图像工作，Seedream 4.5 用于替代风格。您还可以获得 AI 驱动的背景移除和调色板提取功能。
7. 我可以使用 Paper 进行印刷设计吗？⌄
虽然 Paper 针对屏幕设计和代码原生工作流程进行了优化，但它支持与印刷相关的功能，包括高级色彩空间（P3 色域）、CMYK 半调 shader、高分辨率导出（最高 4K）和 WebP/AVIF 格式。但是，它主要为数字和交互设计而设计。