用途:在 Pencil MCP 画布上按 Apple HIG 设计 iOS 界面,覆盖从建文档、设设计令牌到校验、导出 SwiftUI 的完整流程。
主要能力:初始化 iOS 设计令牌(SF Pro 字号 11-34pt、明暗语义色、8pt 网格间距、连续圆角);获取移动端设计规范与风格指南;查找画布空位;用批量插入操作搭建屏幕;截图与布局问题检查;审计字体、字号、颜色等属性;导出 SwiftUI 代码。
使用方式:需先配置 Pencil MCP 服务器,用 get_editor_state 确认状态。依次调用 open_document("new") 或 open_document("/path")、set_variables、get_guidelines(topic="mobile-app"),可选 get_style_guide_tags 与 get_style_guide,再用 find_empty_space_on_canvas(width=393, height=852) 定位,batch_design 每次最多 25 个操作,最后 get_screenshot、snapshot_layout(problemsOnly=true)、search_all_unique_properties 校验。
适用场景:iPhone/iPad 屏幕设计,如登录页、设置列表页、详情页;常见画布尺寸含 iPhone 15 Pro 393x852pt、Pro Max 430x932pt、SE 375x667pt、iPad 820x1180pt。
限制:须遵循安全区、44pt 最小触控目标、语义色、连续圆角、最多 5 个标签栏项等规则;避免自定义字号、硬编码颜色、全宽分隔线等反模式。具体收费、平台支持与效果暂未提供。