分享12个面向前端开发人员的设计生产力工具
引导语
醒目的设计是吸引访客注意力的有效方法。我整理了一些最有用的工具,可以帮助您改进设计工作流程。
有了这个集合,您将能够为您的设计绘制草图、选择调色板、创建渐变、添加阴影、制作动画、包括自定义背景、找到合适的插图、试验不同的布局系统和组件等等。
每个工具都将包括直接链接、说明和图像预览。
1、excalidraw
excalidraw.com,一个在线的手绘白板工具,白板工具简单,用起来也顺手,还可以多人一起共同编辑,建议大家来体验下。
2、mycolor-space
mycolor.space,基于你输入的颜色帮你生成完美的配色。
3、grabient
www.grabient.com,很棒的 UI 工具,用于生成线性渐变色。
4、box-shadows
shadows.brumm.af,你可以设置模糊、透明度、位置和其他参数设置阴影,帮我们生成阴影代码。
5、grid-generator
cssgrid-generator.netlify.app,基于我们的需求,可视化的动态生成基本的 CSS 网格布局代码。
6、keyframes
keyframes.app/animate,使用可视时间轴编辑器创建 CSS @keyframe 动画。
7、svg-backgrounds
www.svgbackgrounds.com,通过这个工具,可轻松用在您的网站上设置的 SVG 背景集合。
8、undraw
undraw.co,一款国际范的免费开源插图网站,总一个插画适合你。
9、shaper
hihayk.github.io/shaper,界面风格塑造者。你可以使用这个工具在线尝试排版、间距、颜色、字体等参数,帮你制作不同风格UI。
10、fontjoy
fontjoy.com,一个基于机器学习的在线字体生成器,帮你轻松生成个性化的字体(只支持英文)。
11、headless-ui
headlessui.com,一款漂亮的UI 组件,可以在使用 Vue 和 React 项目中很方便调用, 并能与Tailwind CSS 完美集成,在线使用起来十分方便,即所见,即所得。轻松复制案例代码,就能将组件引入到你的项目里。
12、sizzy
sizzy.co,面向前端开发者的浏览器,让你开发响应式设计站点变得更轻松。
结束
今天的分享就到这里,这12个工具,你会使用哪些呢?后续我会持续输出更多内容,敬请期待。
原文: https://javascript.plainenglish.io/12-powerful-design-tools-for-front-end-developers-9547aad1c5aa 作者:Madza 非直接翻译,有自行改编和添加部分。
相关文章
- 技术分享 | dbslower 工具学习之探针使用
- 怎么去除图片水印?分享图片去水印工具给你
- 渗透测试|分享一款weblogic漏洞利用工具
- LuoguP4893 GodFly的求导工具 题解
- 日拱一卒,麻省理工教你CS基础,那些酷炫无比的命令行工具
- 工具分享 | FoFa采集工具
- 在线分享 Hosts 规则工具:Remote Hosts Server
- git拉取代码如何解决冲突_Git工具-git pull拉取代码时冲突的解决办法[通俗易懂]
- code 提高生产力(图方便)工具分享
- 免费分享CT Log工具,方便查询SSL证书签发记录
- 【愚公系列】2022年11月 .NET CORE工具案例-.NET 7中的Quic通信
- 【工具分享】typora-beta-0.11.18版本又提示过期的【神级】解决方案
- 安卓APK瘦身工具分享,只是套了个壳,哈哈~
- 虹科分享 | 硬件加密U盘 | 管理密码安全的四大工具
- 软件分享 | 第六期 服务器远程连接工具获取和安装
- 软件分享 | 第二十八期 工具集合 AI工具箱(安卓端)
- Slidepad for Mac(iPad式APP切换工具)
- 2021年该如何选择深度学习工具?这款数据科学工作站了解一下
- 2023-04-12:使用 Go 重写 FFmpeg 的 extract_mvs.c 工具程序,提取视频中的运动矢量信息。
- Java获取随机数生成随机字符串用于验证码等之类的工具详解编程语言
- MySQL数据库设计:轻松实现复杂设计(mysql数据库设计工具)
- 推荐一个可检查sh/bash脚本和命令语法的小工具: shellcheck
- 分享一些支持企业安全工作的免费工具
- OnionShare 一个开源的文件分享工具,可以让你安全和匿名地共享任何大小的文件。
- 揭秘Linux内存泄露:使用工具检测系统中存在的漏洞(linux内存泄露工具)
- 25个关键字:Mysql工具类分享:让开发更便捷的数据库连接工具。(mysql工具类)
- 为Linux系统准备U盘工具软件(linux u盘 工具)
- AJAX开发者的最新工具和技术
- redis实现多进程数据同步工具代码分享
- C#字符串的常用操作工具类代码分享