多用途网页ui组件套件和设计系统模板 - Finesse UI

Finesse UI 是一套多用途网页ui组件套件和设计系统模板,包含500多个设计系统,4000多个ui组件,1000多个图标,提供Figma、Sketch格式。组件包含有:

1. 警报 - 向用户显示的信息性信息

2. 头像 - 用户或物体的代表,通常用于识别。

3. 3.按钮 - 用于触发动作或导航的可点击元素。

4. 4.切换器 - 允许用户在两种状态之间切换的控件。

5. 复选框 - 允许用户选择一个或多个选项的控件。

6. 单选按钮 - 允许用户从一个组中选择一个选项的控件。

7. Check Circles - 允许用户选择一个或多个选项的控件。

8. 图标按钮 - 仅包含一个图标的按钮,用于在屏幕上触发一个动作。

9. 分段控制 - 允许用户在不同的选项或视图之间切换。

10. 输入 - 允许用户输入数据或信息。

11. 徽章 - 用来显示计数或状态的指示器。

12. 工具提示 - 显示额外信息的小型弹出窗口。

13. Snackbars - 在屏幕底部显示给用户的简短信息。

14. 分页 - 用来移动一系列内容的导航元素。

15. Breadcrumbs - 用于显示用户当前位置的导航元素。

16. 进度指示器 - 用于显示一个正在进行的过程的状态的指示器。

17. 滑块 - 允许用户通过拖动手柄来调整数值的控件。

18. 下拉框 - 允许用户从一个选择列表中选择一个选项。

风格组件:

1. 排版 - 文本样式兼容所有响应的设备尺寸,如手机、平板电脑、桌面等。

2. 调色板 - 最小的单色调色板,遵循无障碍标准。

3. 阴影 - 为每个组件和不同的状态(如悬停、按压等)建立重点阴影。

4. 图标 - 我们的设计系统使用Heroicons,这是一个由880多个抛光和美丽的手工制作的SVG图标的集合,由Tailwind CSS的制造商制作。

5. 头像图片 - 我们的设计系统使用来自Craftworks的精心制作的头像插图。

6. 公司标志 - 这些标志仅用于说明目的,并不暗示与各公司的认可或联系。

使用此功能,您可以通过使用可轻松定制以满足您的品牌和项目要求的预构建组件开始您的设计过程,从而节省时间和精力。

25xt-165526-Finesse UI – Figma UI Kit and Design System - V1.01.jpg

25xt-165526-Finesse UI – Figma UI Kit and Design System - V1.02.jpg

25xt-165526-Finesse UI – Figma UI Kit and Design System - V1.03.jpg

25xt-165526-Finesse UI – Figma UI Kit and Design System - V1.04.jpg

25xt-165526-Finesse UI – Figma UI Kit and Design System - V1.05.jpg

25xt-165526-Finesse UI – Figma UI Kit and Design System - V1.06.jpg