详解|为做组件,Figma 更新了哪些功能?

1.圆角选项在设计文件右侧编辑面板中的圆角选项处,点击六边形icon,即可选择圆角大小的Variables,选中后,圆角的数值会带有灰色底,示意数据已绑定Variables。2.间距选项间距可以在右侧编辑Autolayout面板中点击边距旁的六边形icon、点击下拉菜单中的Applyvariables都可选择间距的Variables大小。3.色板选择色...

Pixso 宣布同时支持 Axure,Figma,Sketch,XD 文件导入

自带专业设计工具,拥有和Figma、Sketch同样丝滑的创作体验。超过50个UI设计核心功能、300种原型交互组合变化,一站式实现从线稿到高保真产品界面设计。海量设计模板不仅提供了做设计需要用到的各种工具,它还内置了一个提供海量免费的设计素材和模板的网站——资源社区,资源包含icon、插画素材、国内大厂UI...

6000字干货!如何用 Figma 搭建系统组件库?

例如:一个按钮组件的属性可以是尺寸、状态,或是否有icon,可以将其理解为分类。值Variant:是每个属性可用的不同选项。例如:状态属性可以有默认、悬浮、点击和禁用等,可以将其理解为分类下的参数。然后再了解一下Figma的命名规则,Figma使用斜线命名系统来组织资产面板和实例菜单中的组件。组件名称中的每一个”...

figma如何为设计系统赋能

我建议使用「/」来为组件命名,用于给组件进行分类,这样可以帮助figma判断组件内元素的层级,如图:命名好了之后,可以点击“assts”输入你命名的组件名称就可以找到组件了了。比如我搜索“icon”,就可以找到所有命名为icon的组件了。这里有一个技巧,如果你在创建组件的时候,在“component”这里对这个组件进行了简短的...

用了两年figma,总结的这几个小技巧让我的效率提升一大截!

今天分享的figma小技巧都是日常工作中经常会用到的,简单又干的总结,希望我们的效率都能够提升一大截。01图标绘制中的小技巧我们拿「V」icon来举个例子,先来看下常规绘制步骤:先画一个矩形然后旋转角度、再复制一个、水平旋转一下对齐后给圆角

深度解析大厂B端组件库从零到一搭建

Figma拥有强大的变体功能(www.e993.com)2024年11月12日。同一个组件的不同状态可以通过变体的方式灵活创建,方便用户调用,变体中需要了解两个功能:属性Property、值Variant属性Property:是组件的可变方面。例如:一个按钮组件的属性可以是尺寸、状态,或是否有icon,可以将其理解为分类。变体名称遵循命名规范的结构,Property1=value,Property2=valu...

36氪新风向 为什么成为独角兽变得越来越“简单”?我们梳理了69家...

Figma2021年估值100亿美元Figma成立于2015年,是一款基于网页的界面设计协作工具,用户不必下载安装,打开网页即可操作,项目保存在云端。支持多用户在线协作的特点,还免去了文件传输的繁琐,能有效提升工作效率。简单来说,Figma=浏览器版Sketch+Zeplin+InVision。2021年6月,FigmaFigma公布了DurableCapitalPartn...

权威设计平台Behance发布:2021年设计趋势

TranMauTriTamFigma3DIconforMacOSBigSurUdhayaChandraniOS14widgetsAlexanderShatovInstagram3dIconConceptSeunghyunKangSkeuomorphism2.5动效与交互动效是UI设计和用户体验的重要组成部分。现在一个设计如果不加入动效,那么就像是没有完成一样。其实有很多方法可以打造动效,比如:JSON(...

替换/ 绘制 / 分享:让所有 App 拥有 macOS 11 Big Sur 风格的图标

1.当你想要为这个项目贡献图标时,你必须会使用以下几款软件当中的一款:Sketch、Figma、Photoshop或者Illustrator;2.在最终的生成的文件名当中,不要在中间使用空格,应该使用下划线;3.图标制作完成后需要导出1x和0.25x的png文件供在网站上显示(即1024x1024像素和256x256像素);...