开发者:)

简介

凭借 15 年以上的 UI 我的团队正在推出一个平台（免费测试版访问），允许开发人员在几天而不是几个月内建立一致和完整的功能 UI 套件/设计系统。为您重用最先进的系统设计/系统设计提供最佳实践 UI 组件，并结合访问 500 您可以使用多个开源组件来构建任何东西。

是的，它是一种没有供应商锁定的开源技术。这意味着您可以随时导出 UI 套件/项目的任何部分。我们的目标不是加强你的技术堆栈，也不是锁定你。

无论如何，你为什么要关心呢？

首先，我们需要解决的问题是什么？我们怎样才能如此快地建立一个？ UI 套件？

可重用性和一致性是开发人员每天面临的总体挑战。

比如一些常见的问题....

• 如何将我的整个组件库重新品牌为具有完全不同品牌要求的新项目？
• 与非开发人员(如设计师)合作使用可用属性(颜色标记)是一种痛苦
• 如何轻松组织和检查我的库，避免重建可用组件（特别是作为团队）
• 如果组件的属性太多，就很难扩展和重用。因此，鼓励新组件的制造，从而降低设计系统的效率
• 虽然 Tailwind 和 Bootstrap 组件库是很好的现成组件库，但是根据自己的个人需要定制通常是困难和耗时的，因为它们是为某些用例和样式而建造的
• Storybook、Zero height等设计系统和文档工具的兴起解决了一些问题，主要是团队之间的沟通。然而，设计系统的有效性取决于系统设计本身，这些都不能提供。因此，你仍然需要花费大量的时间和金钱来开发一个系统来促进整个系统 UI 系统代码架构设计了套件的可重用性。

Symbols 如何解决这些挑战？

几个关键点...

• 除了提供 500 除了构建你想要的任何组件，你还可以构建多个组件 100% 可定制的组件。这些属性可以随时轻松覆盖
• 检查组件库并将其组织到标签中，以避免构建现有组件库
• 一个高度先进的设计系统可以在代码级别完成繁重而复杂的任务，如自动生成布局和间距的字体比例。这使得创建响应设计更容易，因为您不再需要为每个组件设置间距顺序。应用全球设计变更，如在整个图书馆中应用深色模式
• 在整个 UI 在套件中使用和获取令牌名称显著减少了代码行数 = 代码变得更加可重用和可扩展
• 易于构建、测试和记录项目的任何部分，包括设计系统中的功能、页面、单个组件和颜色
• 只需重新配置设计系统菜单，就可以通过自动间距/响应变更重新命名整个菜单 UI 套件/项目
• 通过实时合作和无代码/低代码工具，您可以与其他开发人员和非开发人员同时构建您的项目
• 避免设置和维护多个设计系统工具/文档，因为设置平台用户体验可以很容易地将您的项目视为所有技术/非技术团队的文档
• 在发布到生产环境之前，立即看到 Web 项目开发版本的变化

需要注意的是，平台可以根据您的喜好进行高度配置。如果您选择不遵循设计系统，则不需要遵循设计系统，并且您可以关闭设计系统的某些设置，因为它被视为覆盖。

本月，我们在平台上添加了画布模式。制作符号，“面向开发人员” Figma"，你的整个功能/动画/交互式 UI 所有的套件都可以用在画布上。这也意味着整个套件可以在不同的模式下进行测试 UI 套件，如从左到右的可访问性、响应设备、全局模式等。

查看更多功能并尝试一下吗？

通过视频展示符号的实际应用，这是我整理的一个快速登录页面(我是营销创始人)。

https://symbolsapp.framer.website/

感谢反馈！
有问题请告诉我:)

以上是构建可重用 UI 更多关于套件百分比的细节，请关注其他相关文章！

p