干货

  • Figma Tokens插件教程学习指南

    关于Figma Tokens这个插件的作用,学习教程,操作方式,学习视频的文章的收集整理,让你慢慢学会使用Figma Tokens这个插件!更快的入门

    2022年9月22日
    0
  • 如何减少 Figma 内存使用量(五个方法)

    当你的设计文件太多了之后,设计稿界面卡,原型也会卡,甚至直接崩溃,报内存占用过高,这时候怎么办呢?(不会查看文件内存占用的请点击这里) 今天参考了一下国外一个设计师写的如何减少 Figma 内存使用量一文,由...

    2022年5月31日
    0
  • 项目实战:design token如何在工作中落地

    最近在工作项目中完成了一次对产品视觉的统一升级,但是在整个过程中,我们发现,虽然组件库的搭建很完整,但是组件库的搭建并不是所有设计同学共同完成的,而是由1-2名设计师主导制作,再加上设计团队内新老成员交...

    2022年5月31日 发现
    0
  • Figma 搭建设计系统组件库的全流程指南.pdf

    随着设计工具的不断发展,Figma逐渐成为各大公司的主流设计软件。Figma强大的组件库能力,非常适合团队设计系统的建设与应用。相比Sketch,Figma在Auto layout、变体和实例等方面极大的提升了组件库的设计灵活度和效...

    2022年5月31日
    0
  • 大厂都在用! 一文带你读懂并应用 Design Token

    温馨提示:本文适合对搭建设计系统有一定经验的设计师阅读,全文共计约 10000 字,推荐阅读时长 10 分钟 0 前言 随着近几年 Figma 等一系列在线设计工具的崛起,相信设计师对设计系统的都有了更深的了解。其实设计系...

    2022年5月30日
    0
  • Figma中的绝对定位详解

    给大家带来Figma绝对定位的外国文章,供大家学习和认识Figma的新功能-绝对定位,希望对大家有所帮助 什么是绝对定位? 绝对定位允许您从正常的自动布局流程中排除元素,而无需将其从框架本身中移除。容器内没有为这...

    2022年5月26日
    0
  • Figma 原型制作终极指南

    如何在 Figma 中创建具有交互、动画、固定位置、溢出滚动和交互组件的原型。 Figma 是一个很好的 UX/UI 原型设计工具。它允许您直接在设计文件中创建具有高级但易于使用的功能的交互式流程。只需几分钟,您就可以将...

    2022年5月25日
    0
  • 5 个健康习惯,让您的 Figma 设计井井有条

    介绍 组织(Organization)——动词,用来描述系统地、有序地安排事物。有些人非常喜欢这个词,有些人……他们假装这个词不存在。现在你可能已经看到创意和艺术家非常无组织、笨拙和凌乱。他们在自己的世界里,他们周围...

    2022年5月25日
    0
  • Figma剪切蒙版详解(创建/取消剪切蒙版)

    剪切蒙版:figma英文操作名称:use as mask 如果你不知道剪切蒙版有什么用, 那么下面两张图展示蒙版创建之前和之后 如果图形规则的话,其实更推荐使用的是给形状图像+背景图的方式,下面说一下创建蒙版和取消蒙版 1...

    2022年4月2日
    0
  • Figma【图像文字倾斜】插件-skewDat

    今天给大家介绍的figma插件,感觉可有可无,实际遇到的时候你可能真的很需要它,名字叫做skewDat,可以直接社区里面搜索这款插件安装! 1. 我什么时候需要这款skewDat插件? Q:当你的字重里面没有斜体怎么办?A: ske...

    2022年4月2日
    0
  • Figma Auto Layout(自动布局详解)

    带有示例的介绍,以便您最终了解自动布局在 Figma 中的工作原理,以及如何使用它来自动调整您的设计。 自动布局是 Figma 中最重要的功能之一,其多功能性使其与其他设计工具中的功能区分开来。简而言之,它允许您以...

    2022年3月29日
    0
  • 掌握这些快捷操作,轻松上手Figma!

    Figma作为基于浏览器的多人协作式设计工具,可以跨Win/Mac等多个平台使用。Figma操作页面与其他软件类似,熟悉Sketch或XD的铁汁可快速上手Figma。这里提供一些常用的、能够快速提升工作效率的快捷操作,一起来看看~...

    2022年3月29日
    1
  • 看不懂英文?收下这份超全面的 Figma 中英对照表!

    今天给大家分享下 Figma 软件的中英文对照表,之后就算没有插件或者 Figma 频繁更新,也不用担心看不懂了~ 欢迎大家多多分享给有需要的同学,我们也会一直更新 UI 设计有关的各种资料。 下面会分为 顶部...

    2022年3月28日
    0
  • 如何用 Figma 搭建系统组件库?-百度MEUX好文教你轻松解决

    组件库是一个强大的提效工具,对于设计师和开发来说有了统一的标准,输出的效率也会大大提高。 随着设计工具的不断发展,Figma 逐渐成为各大公司的主流设计软件。Figma 强大的组件库能力,非常适合团队设计系统的建...

    2022年3月28日
    0
  • quicker创建插件快速启动原理+demo动作分享【第二期】

    上一期介绍了Figma+quicker=插件中心+效率神器(仅限win)【第一期】 再次扩展一下使用quicker的原理 就等于在Figma中利用quciker创建能悬浮在Figma任何页面的插件快捷方式;然后你需要使用插件的时候跟点桌面快捷方...

    2022年2月25日
    0
  • Figma+quicker=插件中心+效率神器(仅限win)【第一期】

    此教程主要讲的是Figma配上windows下效率神器quicker快速打造适合自己的插件中心,且更快速高效的使用Figma,mac端由于没有这款软件,请使用第三方工具如figma ex等使用插件中心吧。 21年的时候本来就想写这个教程,...

    2022年2月25日
    1
  • Figma十个技巧提升十倍效率

    这些技巧对于那些刚开始在 Figma 中工作的人来说应该特别有用,我希望其中的一些对你来说会像我发现它们时对我一样令人振奋。 使用放置图像批量添加图像 -在 Figma 中,您始终可以将图像直接拖离桌面,但您也可以使...

    2021年11月3日
    0
  • Figma 的 FigJam 是什么?

    FigJam是用于创新、用户体验和设计思维项目的最新工具。 FigJam 是 数字协作工具和资源 中的最新成员,是亲自或虚拟进行的设计思维和创新项目的另一个绝佳选择。像 FigJam 这样的白板工具可以帮助您的团队保持井井有...

    2021年10月27日
    0
  • 在 FIGMA 中创建设计系统:实用指南

    当你开始创建你的设计时,你要开始与你的系统板第一,并研究你的基本色到最低的颜色在可能的情况下;即小学,中学,三级。 当然,为了不同的目的,然后通过提供程度的色调(较浅的变体)和质地(深的变体)来扩展这...

    2021年8月3日
    0
  • Figma中使用变体(variant)设计Button(按钮)组件的思路讲解

    Figma设计按钮 我创建了一个具有4个属性的按钮。例如,在图像中,您看到一个具有以下属性的变体:大小;大号;款式 文字+图标,类型;初级,悬停;离开。 让我提供有关该按钮的更多信息。示例按钮的填充值为:...

    2021年4月1日
    0
  • ProtoPie原型作品分享【第一期】

    原型作品分享:ProtoPie还能这样玩! 小编在dribbble上为大家搜集了一组优秀的交互设计,这些作品都是国内外设计师使用ProtoPie制作的交互原型。在欣赏作品时,大家可以扫作品下端的二维码,亲自在手机上进行交互体...

    2021年1月31日
    0
  • Figma做高保真交互不求人!送你一份快速衔接ProtoPie的方法

    使用Figma做设计的用户应该都直接在Figma中完成交互原型制作。 Figma自带的原型功能虽然也能帮我快速地做出一些简单的动效。但由于我需要用高保真的交互原型,所以我尝试了Figma官方推特上推荐的这个交互原型插件 - ...

    2021年1月6日
    1
  • Figma设计系统中图标的注意事项

    一、将图标放在Frame中 由于所有图标因为其几何特征而具有不同的大小,因此应将它们全部放置在相同大小的框架中。 假设我们有三个图标:22x15px,18x20px和10x5px。它们每个都必须位于24x24像素的帧中。 没有用Frame...

    2020年12月25日
    0
  • 用Figma做完设计后,我该如何制作交互原型

    去年,当我认识Figma这款线上协作设计工具后,便爱上了它。没想到今年Fimga在国内也火得不要不要的,不过作为交互设计师,我对设计工具的要求可不仅限于视觉设计,交互原型也是我关注的一部分。 一、为什么不用Figma...

    2020年12月14日
    0
  • 图标库新选择-IconPark ,字节跳动官方免费矢量图标库

    说到图标库设计师很容易想到阿里巴巴矢量图标库 然而我们今天介绍的这款图标库同样是免费可商用的图标库,1300+基础图标,28种图标分类,提供更多的选择 致力于构建高质量、统一化、可定义的图标资源,让大多数人都...

    2020年12月14日
    0
  • 提升效率的7个Figma小技巧

    在本文中,我整理了一些快速,简单的技巧,以帮助您在Figma中工作时加快设计工作流程。 这些技巧大多数都非常适合在使用设计系统或大型设计文件时使用,但它们同样同样适用于在Figma内部工作的日常使用。 您可能已经...

    2020年12月9日
    0
  • Figma交付方式的新选择-摹客,设计协作更顺畅!

    Figma交付方式的新选择-摹客,设计协作更顺畅! 一、前言 红透UX设计圈的在线矢量设计工具Figma,在最近两年几乎成了“真香”的代名词,这也侧面印证了“协作”已逐渐成为设计团队的共识。但对于国内用户,糟糕的连接速...

    2020年12月4日
    0
  • 设计软件Figma不用懂英语也能学,附学习Figma方法

    我在论坛,设计站文章的评论下面,还有一些Figma交流群里面发现了一个问题;为什么Figma这么多设计师推崇,可是仍旧没有多少人尝试呢?? 看了很多的回复就是:“Figma打开就是英文,完全不符合中国人的习惯,语言不...

    2020年9月27日
    0
  • Figma中文客户端下载地址及安装教程(客户端汉化)

    Figma中文客户端下载地址及安装教程(figma中文版本客户端终于来了!) 今天群里看到小伙伴发了figma支持中文的公告,瞬间提起兴趣,下载了一个试试,竟然没成功(其实成功了),然后再聊一句的时候发现是做出figma...

    2020年7月31日
    0
  • 2020年应该使用哪种UI设计工具?设计工具的现状分析

    到了2020年,当今的市场已经充满了UI设计工具。自从Sketch应用以其时尚,简单,高效的工具来制作用户界面设计以来,许多公司就纷纷效仿,抢占了设计工具的市场份额。根据UXtools.co进行的2019年设计工具调查,Sketch...

    2020年6月5日
    0