Telerik和Kendo UI设计工具包的Figma
figma构建块的设计文件，与Blazor组件的Telerik UI相匹配。
为了使设计师和开发人员之间的有效协作，我们为Figma创建了三个Telerik和剑道UI套件:Material, Bootstrap和Telerik Default。每个UI套件对应于一个随Blazor组件的Telerik UI一起发布的主题。
这些精致的UI套件包括预先制作的、可重用的设计组件原子设计原则．
设计文件代表了Blazor组件在每种可能状态下的Telerik UI，它们的详细解剖、颜色、指标和图标。所有这些元素都可以使设计无缝地移交给开发人员。
你可以自由决定是否或在多大程度上定制UI工具包:
您可以使用它们来创建应用程序设计。
您可以根据您的品牌指导方针自定义颜色。
您可以将它们作为您自己的组件设计库或独特设计系统的起点。
为什么要使用UI工具包?
当您使用UI工具包时，您将享受以下优势:
您不需要事先研究Blazor组件的Telerik UI:您不需要知道哪些组件可用，它们是如何连接的，它们具有什么状态。UI工具包包含了所有这些信息。
您可以确信，开发人员将能够将用于Blazor组件的Telerik UI与您的设计需求相匹配。
您可以快速将模板转换为共享Figma库．
下载用户界面工具包
要下载Figma的Telerik和剑道UI设计工具包，请导航到所需的工具包并按照说明进行操作从Figma社区复制一个文件．
探索UI工具包的结构
Figma使用的Telerik和Kendo UI工具包嵌套实例和基本组件为组件提供更好的可管理性。为了使它们更直观地使用，我们添加了对变体一些组件，比如芯片。
Figma的每个UI工具包包含以下页面，其中大多数提供多个框架，分组类似的设计资产:
- _Cover- UI套件的封面。
- _get开始-简要解释你需要知道什么开始使用UI工具包。
- _目录表-一个带有超链接的索引，您可以使用它在UI工具包中快速导航。
- UI组件-包含所有组件及其变体。
- 数据可视化-包含teleerik和Kendo UI web组件库支持的所有图表的可视化等效。
- 图标-以方便组件的形式包含所有图标。
- _Styles-包含应用于组件的所有样式的信息页面，例如排版、颜色和效果。
- _Change日志-一个包含UI套件变化的列表。
大多数页面包含多个框架，这些框架将相似的设计资产分组。
自定义UI工具包
Figma的Telerik和剑道UI套件是灵活的，完全可定制的，以满足您的愿景和需求。此外，UI套件支持应用于设计的更改的可伸缩性。
要实现最大的影响并将您的更改传播到多个组件和变体，请在_Base框架UI组件页面。
一旦你达到了想要的样子，你就可以了将修改后的模板发布为库．
升级到新版本
要升级到新版本的UI工具包，同时保留您的样式，请下载免费的InstaRelinker工具这个插件可以在Figma社区中获得。使用此工具，您不必手动交换实例并将远程样式替换为本地样式。
InstaRelinker插件使您能够将所选本地主组件中的嵌套远程实例和样式重新链接到它们的本地等效组件。当插件运行时，它会扫描当前Figma文件中的本地主组件，并自动重新链接任何与本地主组件名称匹配的远程实例。如果插件没有找到匹配项，它允许您手动为每个远程实例选择本地主组件并重新链接它。InstaRelinker对远程样式应用相同的过程。
选择如何使用UI工具包
根据您的需求，您可以利用三个不同级别的组件定制:
开箱即用组件—您可以按原样使用UI工具包，并通过选择开始创建应用程序设计可用的套件之一．这是最快的解决方案。设计师喜欢将构建模块与开发人员相匹配，无缝交接和实现设计。
具有自定义颜色的组件—您可以修改UI套件并应用与您的品牌指南相匹配的颜色。开发人员可以使用主题建设者应用程序将颜色从设计转移到Blazor组件的Telerik UI。
独特的设计系统——这是几乎没有限制的最高定制级别，您可以完全改变组件的外观和感觉。您可以使用UI套件作为您自己独特设计系统的基础。如果您在执行过程中需要咨询或帮助，联系我们的解决方案专家将帮助您规划、制作原型并构建您的设计系统。