介绍符号

发布: (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 的集成设计系统编辑器。
  • 可导出至你喜爱的设计工具,全面掌控框架功能。

入门

  • 加入候补名单:
  • 开发者预览:
Back to Blog

相关文章

阅读更多 »