用途:在 Figma 中按 Telefónica 设计系统 Mistica 搭建界面时,该技能提供 Mistica 专属规则,需与通用 Figma 构建技能一同加载。适用场景包括用户提到 Mistica、Telefonica DS 或 Movistar、O2、Vivo、Blau 等品牌,且文件已订阅 Mistica 相关库。
主要能力与用法:用 get_libraries({ fileKey }) 发现库,区分 Desktop、Mobile、Skins、Icons、Accessibility Annotation 五种库的角色。排版使用 Skins 中的 desktop/text-preset-N(N 越大字号越大),按尺寸与字重(light/regular/medium/bold)选择变体,字体必须通过样式或绑定的品牌变量引用,不可硬编码字体名;写字符前需预加载品牌字体(如 Telefonica Sans、Movistar Sans)或在当前模式解析字体变量后 loadFontAsync。色彩与圆角使用 Skins 的变量与绘制样式,禁止硬编码十六进制或像素;变量用 setBoundVariableForPaint 或 setBoundVariable,绘制样式用 fillStyleId。仅使用 brand 变量集合,不可绑定 mode 集合变量;屏幕框架必须绑定背景变量。
布局:Mobile 宽 375、Tablet 834、Desktop 1440,高度高于各自最小值并随内容增长。ResponsiveLayout/GridLayout 必须是屏幕框架的直接子级;栅格模式用 layoutMode='GRID',桌面/平板 12 列 1 行,移动端 1 列 2 行;gridColumnSpan 须在 appendChild 之后设置,创建后需用独立调用校验。垂直间距用 itemSpacing,禁止空占位框架。
限制:库键、组件键需实时发现,不可硬编码;组件命名在 Desktop 库带 [D] 后缀;避免已废弃组件,图标从 Icons 库实例化,不要重绘。资料未提供官方收费、授权或平台支持信息。