英文 | https://levelup.gitconnected.com/45-front-end-developer-tools-e496b9c3503

翻译 | 杨小爱

辅助工具，对

他们人类文明来说，毕竟是太关键了，而在他们的日常生活组织工作与日常生活生活中，如果是好的辅助工具，都能为他们增添方便快捷提高组织工作效率。

做为合作开发相关人员的他们，专业委员会采用许多适宜他们的合作开发辅助工具，能让他们的日常生活生活更为民主自由随心所欲，因而，那时我跟我们撷取45款新颖的辅助工具，主要就是特别针对合作开发与结构设计相关人员的，期望那些辅助工具能协助到你。

那时，他们就已经开始那时的文本。

1、Checklist Design

门牌号：https://www.checklist.design

在结构设计按键、卡片、表单等中文网站原素时，透过中文网站上提供更多关键信息和基本上原素来综合性中文网站结构设计科学知识的地方性。

2、Web Gradients

门牌号：https://webgradients.com/

在这里他们能实现中文网站漂亮的渐变背景颜色的结构设计与合成。

3、Webframe

门牌号：https://webframe.xyz

收集精美的 Web 应用程序结构设计并每周更新。

4、spline

门牌号：https://spline.design

该应用程序可协助他们为中文网站创建 3D 效果。

5、type anything

门牌号：https://app.typeanything.io

允许他们为中文网站结构设计排版Web 应用程序，例如字体选择、字体粗细、字间距……

6、Laws Of UX

门牌号：https://lawsofux.com

结构设计师在构建中文网站用户界面时的最佳实践集合。

7、animista

门牌号：https://animista.net

协助他们练习用于中文网站合作开发的 CSS 动画效果的 Web 应用程序。

8、screenlane

门牌号：https://screenlane.com

专门为中文网站综合性UI结构设计。

9、Froala 结构设计块

门牌号：https://froala.com

中文网站结构设计合成，上面有超过 170 个 UI 响应式结构设计。

10、 3Dicons

门牌号：https://3dicons.co

用于中文网站结构设计和合作开发的免费 3D 图标集合。

11、Collectui

门牌号：https://collectui.com

UI结构设计摘要并每天更新。

12、humaaans

门牌号：https://www.humaaans.com

为结构设计师收集人物插图。

13、结构设计原则

门牌号：https://principles.design

一个致力于提供更多结构设计原则和方法的开源集合。

14、learn-anything

门牌号：https://learn-anything.xyz

当他们想学习许多东西时，这里提供更多详细的路线。

15、简历结构设计

门牌号：https://standardresume.co

一个 Web 应用程序，可协助结构设计相关人员、合作开发相关人员创建精美的简历/简历。

16、pictogon

门牌号：https://pictogon.com

协助您为您的中文网站创建交互式图像。

17、 ui play book

门牌号：https://uiplaybook.dev

用于构建 UI 组件的文档。

18、ui patterns

门牌号：http://uipatterns.io

它能协助他们发现结构设计模式以及如何解决中文网站结构设计过程中的常见问题。

19、 中文网站博物馆

门牌号：https://www.kapwing.com

是综合性各个发展阶段著名中文网站结构设计的地方。在我看来，它将协助他们更好地了解如何结构设计和合作开发中文网站界面。

20、用户体验挑战

门牌号：https://uxtools.co

中文网站用户体验结构设计练习集。我喜欢它的是，在每个挑战中，都会有特定的教程文章。

21、用户体验项目清单

门牌号：https://uxchecklist.github.io

一个协助他们检查 UX 功能是否符合结构设计标准的地方性。

22、登陆页面清单

门牌号：https://landingpage.fyi

综合性了 100 多种登陆页面辅助工具，例如选择域名、登陆页面结构设计软件、标志制作辅助工具……

23、 Ray

门牌号：https://ray.so

为他们的代码创建漂亮图像的在线软件。

24、像素测量

门牌号：https://getpixelsnap.com

协助他们精度测量中文网站中原素之间的距离。

25、Patternpad

门牌号：https://patternpad.com

为中文网站创建漂亮背景图案的Web 应用程序。

26、 Klart

门牌号：https://klart.io

该中文网站的一组漂亮的调色板。

27、 Drawkit

门牌号：https://drawkit.com

为 Web 项目提供更多免费的插图和图标资源。

28、 Get Waves

门牌号：https://getwaves.io

为中文网站创建波浪动画效果的辅助工具。

29、用户体验流

门牌号：https://products.ls.graphics

它能协助他们在 Sketch、Figma 和 Adobe XD 中创建漂亮的中文网站布局变得容易。

30、Code to go

门牌号：https://codetogo.io

合成片段，协助他们解决中文网站合作开发中的常见问题。

31、Blobmaker

门牌号：https://www.blobmaker.app

协助他们随心所欲地为网页原素创建 blob 效果。

32、网页代码辅助工具

门牌号：https://webcode.tools

为 HTML、CSS、元标记、JSON… 合成生成器辅助工具

33、Responsively

门牌号：https://responsively.app

该应用程序可协助他们在许多不同的设备屏幕上快速测试中文网站项目。

34、 后端清单

门牌号：https://frontendchecklist.io

能协助他们在构建后端项目时检查要点的辅助工具。

35、Sketch2Code

门牌号：https://sketch2code.azurewebsites.net

采用 AI 将手绘结构设计转换为 HTML 的辅助工具。

36、Bootstrap Magic 4.0

门牌号：https://sketch2code.azurewebsites.net

它能协助他们在采用 Bootstrap4 结构设计中文网站时，让主题结构设计变得快速和容易。

37、 Glassmorphism CSS 生成器

门牌号：https://ui.glass/generator/

协助他们为中文网站结构设计创建玻璃效果。

38、UnusedCSS

门牌号：https://unused-css.com

为 Web 项目删除不必要的 CSS 属性。

39、Magic Pattern

门牌号：https://www.magicpattern.design

中文网站结构设计辅助工具的集合。

40、Cool Backgrounds

门牌号：https://coolbackgrounds.io

协助他们为中文网站合作开发创建精美的背景图像效果。

41、Loremipsum

门牌号：https://loremipsum.io

协助他们在中文网站合作开发过程中快速创建文本。

42、谷歌字体

门牌号：https://fonts.google.com

它是中文网站免费字体的集合。

43、Wicked Backgrounds

门牌号：https://wickedbackgrounds.com

44、 自定义形状分隔线

门牌号：https://www.shapedivider.app/

协助他们为中文网站项目创建漂亮的形状。

45、UI Design Daily

门牌号：https://www.uidesigndaily.com

它是一个为网页结构设计合成 UI 结构设计的地方性。

总结

我期望这篇文章能协助到你，能快速选择适宜他们的Web

学习更多技能