即时设计插件广场提供了许多有用的 UI 插件,帮助优化产品设计过程。其中,产品组件库 Figma 汉化插件对常用的 PC 端和移动端组件进行了筛选,使其更加聚焦和精简。PC 端组件包括基础、按钮、菜单和其他元素,移动端组件包括基础、按钮、列表、选择器、导航栏、Toast 和其他元素。在产品组件库 Figma 汉化插件中,一些组件还额外添加了【自动布局】的效果。例如,下拉菜单栏组件可以通过拖拽移动其中任意一个菜单,其他菜单会自动调整位置。
1、「CODE.FUN 」 智能生成前端源代码的 AI 工具
CODE.FUN 是一款智能生成前端源代码的 AI 工具,可以将多种不同格式的设计稿(如 Sketch、Figma、Photoshop 和即时设计)精准还原为前端代码。它提供生产级的代码输出,具备智能化布局方案和循环识别处理,支持多种平台框架如 Vue、React、微信小程序等,能够满足不同项目的需求。使用 CODE.FUN 非常简便,只需打开插件、选择设计稿画板、上传项目和设备类型,即可快速生成代码。通过 CODE.FUN,设计师可以减少反复 UI 走查、手动编写代码的工作量,提高工作效率。这个智能工具的精准还原能力和多平台框架支持使其成为设计师和开发人员的强有力的助手。
2、Unsplash 图库 UI 插件
使用 Unsplash 图库 UI 插件,可以方便地替换模板中使用的位图素材。通过点击 Unsplash 图库 UI 插件,选中需要更换的图片,然后在 Unsplash 图库 Figma 汉化插件中选择新的图片即可一键完成替换。这样可以为不同页面设计中的多个模板提供灵感,并可以将其中的一些组件复制到自己的项目中,稍加修改就能直接使用,减少重复劳动。
3、「字体替换」 Figma 汉化插件
对于使用 UI 设计模板时遇到的字体缺失或不喜欢的字体,即时设计新增了字体替换 Figma 汉化插件。该插件可以一键批量替换文件中使用的所有字体。在插件界面中选择替换后的字体名称,并可以设置不同的字重,调整参数后,点击替换按钮即可完成一键替换字体的操作。
4、「智能填充」 Figma 汉化插件
另外,智能填充 Figma 汉化插件是制作产品原型时的一项实用工具。它可以自动生成各种原型数据,例可智能填充人名、日期、时间、段落及对话等 9 种不同的预设内容。这样的工具可以大大加快原型的制作时间,提高工作效率。
5、「 iconfont」 UI 设计插件
可以轻松在编辑界面上直接拖拽阿里巴巴旗下的 UGC 图标库 Iconfont 的 1600 多万个精美图标。Iconfont 图标库拥有丰富多样的图标种类,为学习和参考提供了便利,但需要按照站内协议遵循图标版权规定,不是所有图标都免费可商用,因此在使用时需要注意。这款插件内置了搜索功能,直接搜索并拖拽图标即可使用。另外,还可以自定义图标的尺寸和颜色,省去了后续调整的步骤,让使用更加便捷。通过这个插件,用户可以轻松获取优质的图标资源,为设计工作提供了便利和效率的提升。
使用即时设计作为在线协作设计工具,全面覆盖了 Figma 的设计功能。即时设计还提供了插件广场,用于管理常用的 UI 插件,解决了插件冗余导致界面混乱的问题,并且有效提高了日常设计工作的效率。除了上述提到的 Figma 汉化插件,即时设计的插件广场还提供了许多其他有用的插件。如果感兴趣的话,不妨探索一下即时设计插件广场的其他插件。