PaintCode 是 Mac 平台的矢量绘图工具,年费 199 美元。设计师拖动画布时,它能实时生成 Objective-C、Swift、C#、Android、JavaScript 五种语言的绘图代码,从而跳过为 @1x、@2x、@3x 分别出图的传统流程。
试用版提供 7 天 完整功能评估。安装后画一个按钮,底部代码视图立刻同步出可粘贴到 Xcode 的 Swift 实现。这种“画即代码”的体感,是该工具与 Sketch、Figma 这类纯设计工具的根本区别。
解决的核心问题:分辨率独立与动态图形
传统 iOS 开发里,一个图标要准备 3 套位图应对不同屏幕密度。PaintCode 改为生成代码,让 1 个矢量源在任意密度下都能渲染清晰。对于需要同时覆盖 iPhone、iPad、Pro Display 多种 PPI 的团队,这能节省可观的资产维护工作量。
更关键的是参数化能力。把按钮颜色、圆角半径、阴影偏移定义成变量,运行时通过代码改值就能让同一图形呈现不同状态,适合主题切换、暗黑模式或数据驱动的图表。早期版本客户反馈集中于此——它“有能力改变开发者原型设计和构建应用程序的方式”。
主要功能拆解
该平台的能力可以拆成四块:
| 功能模块 | 说明 |
|---|---|
| 实时代码生成 | 画布操作与底部代码视图双向同步。设计师调整圆角,开发者立刻拿到对应代码,跳过导出-导入的中间步骤。 |
| 参数化图形 | 颜色、位置、旋转、可见性都能绑定到变量或表达式,由运行时业务逻辑驱动,省去为每种状态单独作图的重复劳动。 |
| StyleKit 一键导出 | 整个项目绘图资产打包成单一类文件。Xcode 工程引入一次就能复用全部设计,从 Sketch 复制资产的用户反馈这“改善了工作流程”。 |
| 多格式导入 | 支持 SVG、PSD、PDF、EPS、AI 五种矢量格式,外加 Photoshop .aco 和 Illustrator .ase 调色板,迁移历史资产成本低。 |
上手路径
下载安装 7 天试用版后,界面分四块:顶部工具栏放绘图工具,左侧库管理颜色、渐变、阴影、图像及变量,中间画布是工作区,底部代码视图实时显示生成结果。
典型工作流是:从 Sketch 直接复制形状粘贴进画布(属性保留),然后把重复参数化为变量,接着选择目标语言和像素密度,最后通过 StyleKit 导出到 Xcode。
新用户最容易忽略的一步是设置目标语言。默认 Swift 但很多老项目仍是 Objective-C,导出前切换能省掉手动转译。导入复杂文本时偶尔会出现小故障,需要先在原工具里转曲或简化路径。
兼容性与生态
代码输出覆盖 iOS(Objective-C/Swift)、macOS、Android(Java/Kotlin)、Web(JavaScript)以及通过 C# 接入的 Xamarin,基本覆盖跨平台团队的主流技术栈。
与 Sketch 的协作最为顺畅:直接复制 Sketch 图层粘贴进该软件,比 SVG 中转少一次属性丢失。官方提到一个适用于 Sketch 2025 的插件,进一步打通两个工具的协作链路。
Telekinesis 功能允许在真机运行 App 时反向修改设计,设计师不用重新发版就能看到效果,对调试动态界面帮助明显。
客观来说
年费 199 美元 的订阅模式对预算敏感的个人开发者偏贵,尤其只做一次性小项目时性价比不高。该产品已不再通过 Mac App Store 销售,必须官网直购。
历史用户对定价调整有明确不满:PaintCode 2 时期单价 100 美元,转订阅后老用户在社区抱怨“更新定价是个笑话”。购买前最好确认自身使用频率。
iOS 11 之后系统原生支持矢量 PDF 资产,简单图标可以直接在 Xcode 用 PDF,不需要代码转换,这削弱了它在轻量项目里的必要性。
复杂资产生成的代码量较大时,编译时间会变长,追求快速构建的团队需要把这部分纳入评估。如果只是给现有位图补几个分辨率变体,Image Asset Catalog 加系统矢量 PDF 就够用。团队已经全面上 SwiftUI 时,该工具的代码生成价值会被原生 Animation 部分稀释,这两种场景下 199 美元/年未必划算。








