Figma 自动布局做响应式卡片组件:3个断点一套规则(可直接照做) 用一套 Auto Layout 规则把「卡片组件」做成可拉伸、可换内容、可切三档尺寸的响应式组件。包含:布局结构拆解、约束与填充策略、变体命名、常见踩坑排查。照着步骤做,10分钟就能把卡片放进组件库复用。 教程分享 2个星期前 13 0
免费可商用插画与图标资源清单|20个高质量网站合集 做品牌页、活动海报或产品UI时,最耗时间的往往不是排版,而是找得到、用得安心的插画与图标。本清单汇总20个常用资源站点,覆盖矢量图标、插画库、3D与Lottie动效,方便你快速挑选并投入项目。 设计经验 2个星期前 15 0
Figma 10分钟做出可复用按钮组件:变量+自动布局一步到位 用 Figma 的自动布局和变量,快速做出可复用的按钮组件(默认 悬停 按下 禁用),并把尺寸与颜色都参数化,后续做整套设计系统也能直接扩展。 教程分享 2个星期前 15 0
12个免费插画与矢量资源网站|收藏级清单:做海报做运营都够用 做海报、运营配图或产品落地页时,最费时间的往往不是画,而是找风格统一、可商用、可下载的插画与矢量素材。下面整理了 12 个常用站点,按“免费商用 需看协议”标注授权,并附上直接入口。 设计经验 2个星期前 26 0
Figma 组件变体实战:30 分钟做一套可复用按钮系统 这篇教程用 30 分钟带你在 Figma 里从 0 搭一套可复用按钮组件:包含尺寸 状态 主题变体、Auto Layout 约束、组件属性命名与发布到团队库的流程,照着做即可落地。 教程分享 2个星期前 13 0
设计师资源清单|12个免费可商用图标与插画网站 整理了 12 个常用的图标与插画资源网站,包含开源可商用与需要核对协议的选项。每个条目都附上直达链接和简短说明,方便你按项目风格快速挑选。 设计经验 2个星期前 12 0
Figma 自动布局进阶:10 分钟做出可伸缩的响应式卡片组件 用 Auto Layout + 组件属性快速做出可伸缩的卡片组件:支持内容自适应、左右布局切换、按钮随文字增长,并整理常见踩坑与排查方法。 教程分享 2个星期前 16 0
插画素材工具清单|12个免费商用插画网站合集 做品牌物料、海报或产品页面时,插画能快速建立情绪和识别度。下面整理 12 个常见的插画资源网站与工具,覆盖扁平、手绘、组件化人物与可编辑矢量等风格,适合在不同项目中快速找到合适的插画素材。 设计经验 2个星期前 20 0
Figma 教程:用 Variables 做主题色与间距 Token,一键切换浅色/深色(可直接照做) 一篇可直接照做的 Figma Variables 实战教程:从建立颜色 间距变量开始,把变量绑定到样式与组件,最后用模式(Mode)实现浅色 深色一键切换,并整理常见坑与排错方法。 教程分享 2个星期前 14 0