介绍符号
发布: (2026年1月18日 GMT+8 13:33)
2 min read
原文: Dev.to
Source: Dev.to
概述
引入 Symbols —— 一个界面框架,在其中 HTML、CSS、状态、事件、DOM 和设计系统以简单直观的类 JSON 语法组合在一起。它对 AI 友好,旨在统一跨 Figma、Sketch、React、Vue 等工具的设计‑开发者体验,同时支持复杂的设计系统和可复用性。
功能
- 声明式语法,易于初学者和 AI 理解,使创建和复用复杂界面速度提升至 10× 更快。
- 简短、精炼的代码,防止代码库和 AI 资源过度消耗。
- 一个画布以及先进的、类似代码的无代码编辑器,具备协作、IntelliSense、错误处理、AI 辅助和设计师友好的环境。
- 灵活且高级的设计系统支持,让你能够在包括电视、印刷品和矢量工具在内的多设备上发布应用。
组件
- 3,000+ 内置组件,可直接拖拽使用。
- 在整个组织内完全可复用,简化跨产品应用开发。
编辑器
内置编辑器提供:
- 实时协作。
- IntelliSense 与错误处理。
- AI 集成代码建议。
- 以设计师为中心的工作流,感受如同使用代码却无需负担。
设计系统
- 基于 JavaScript 的集成设计系统编辑器。
- 可导出至你喜爱的设计工具,全面掌控框架功能。
入门
- 加入候补名单:
- 开发者预览: