Semi Design

网站介绍

Semi Design 是由抖音前端与 UED 团队维护的一个现代化设计系统。它旨在连接设计师与开发者，帮助他们高效地打造高质量的产品。Semi Design 提供了一系列易于定制的组件，能够满足用户在项目开发中的多种需求。

功能特点

• 先进的开发者体验：提供开箱即用的底层能力支持，帮助开发者节省精力，避免重复造轮子。

• 设计稿转代码：Semi Design 允许用户快速将 Figma 设计稿转换为真实代码，支持一键点击，操作简单，快速高效。

• 无障碍友好：遵循 W3C 标准，所有组件支持键盘交互、焦点管理和语义化支持。

• 国际化与多语言支持：提供完备的多语言与时区支持，助力开发全球化应用。

• Live Code 组件：允许用户使用在线代码编辑器即时演示 UI 组件，提升开发效率。

• 稳定的质量保障：Semi Design 项目已稳定迭代五年，通过单元测试、E2E 测试和视觉对比测试确保组件质量，测试覆盖率达到90%。

• 支持 SSR：兼容 SSR 场景，支持在 Next.js、Gatsby 和 Remix 等框架中使用。

• 易于贡献的 FA 架构：基于 FA 架构设计，源码清晰易读，利于团队贡献和维护。

总结

Semi Design 提供了一套完整、易用且高效的设计系统，适合设计师与开发者在产品设计及开发中使用。