以下是 卡 相关内容，总共有 33 条记录。
这是一份面向信息架构与导航设计的工具清单，覆盖站点地图绘制、卡片分类、树测试、远程协作与流程梳理等场景。每个工具都附上地址与授权提示，便于快速选型与对比。
做信息架构与用户流程梳理时，站点地图、用户旅程与流程图能把复杂路径讲清楚。这份清单汇总了常用的 IA 流程图 用户旅程工具与资源，方便快速选型与协作交付。
整理了12个常用的配色与调色板网站 工具，覆盖取色、生成色板、对比度校验与界面预览等环节。每个条目都附链接与使用建议，做设计提案和视觉规范时可以直接收藏备用。
整理了13个常用配色与调色板工具站点，涵盖随机配色、从图片取色、品牌色查询与设计系统色板。每个条目都附链接与授权提示，方便你在项目中快速定色并导出到设计 前端工作流。
做设计不只是把界面画出来，更重要的是把真实用户的需求、任务路径和痛点验证清楚。下面整理了一份面向产品 交互 UI 增长团队的用户研究与可用性测试工具清单，覆盖问卷收集、远程访谈与录屏、原型测试、热力...
这篇教程把出国用 eSIM 上网从“怎么买、怎么开通、怎么在 iPhone Android 双卡下配置”讲到常见无服务 无法上网 热点不可用的排查流程，并附一份出发前自检清单，照着做基本不会踩坑。
做信息架构（IA）和体验策略时，最难的是把抽象的需求、内容与路径快速落成可讨论的结构。本清单整理了常用的卡片分类、树测试、用户旅程、流程图与原型协作工具，适合做调研验证、结构梳理与团队评审。
想把画面做得更高级，往往不是堆元素，而是把色彩关系、对比度与可读性打磨到位。下面整理一份配色与色彩管理相关的资源清单，涵盖调色板灵感、在线取色、渐变生成、对比度检测与色盲模拟等常用方向。
用一套 Auto Layout 规则把「卡片组件」做成可拉伸、可换内容、可切三档尺寸的响应式组件。包含：布局结构拆解、约束与填充策略、变体命名、常见踩坑排查。照着步骤做，10分钟就能把卡片放进组件库复用。
这篇教程手把手带你在 Figma 里用 Auto Layout（自动布局）和 Variants（组件变体）做一套可复用的卡片组件：结构如何搭、间距怎么设、状态怎么做、如何一键替换内容并保持对齐。
手把手教你用 Figma 的 Auto Layout 和组件变体做一张可复用的卡片组件：包含标题 描述 按钮，支持一键换尺寸、换间距、换圆角，并能在不同屏幕宽度下自动拉伸对齐。
这篇教程用一套可以直接照做的步骤，带你在 Figma 里用自动布局 + 组件变体搭建按钮与卡片两类核心组件，并通过命名、属性与约束让组件在不同尺寸和状态下保持一致，后续做页面时能快速复用。
从 0 到 1 教你在 Figma 用 Auto Layout 做可伸缩按钮与信息卡：间距 对齐 填充与 Hug、文本自适应、变体状态（默认 悬停 禁用）、以及可复用的约束与排版习惯。照着做即可复刻。
手把手带你在 Figma 里用 Auto Layout 做一个可伸缩的卡片组件：从基础结构、约束与间距，到可复用变体与响应式拉伸，做完就能直接套用到项目里。
从零做一个可复用的 Figma 卡片组件：用 Auto Layout 规范间距与自适应规则，做出可伸缩的标题 正文 标签 按钮结构，并通过组件属性实现多状态切换，最终能直接交付给开发使用。
用 Figma 的 Auto Layout + Variants 从零做一套可复用按钮 卡片组件库：尺寸自适应、状态可切换、命名规范可交付团队，按步骤照做即可直接落地到项目。
一步一步教你在 Figma 用 Auto Layout 搭建可拉伸的按钮与卡片组件：从间距规则、填充策略、约束与最小 最大宽度，到组件变体与一键复用，让同一套组件在不同文案长度与屏幕宽度下都能稳定排版。
从零搭建一套可复用的 Figma 卡片组件：自动布局、变体、图标 文字约束与响应式拉伸规则一次讲清，按步骤做完即可直接用于交付。
手把手教你在 Figma 用 Auto Layout 从零搭一个可复用的卡片组件：定义层级、约束与间距，做出可拉伸的标题 摘要 标签区，并打包为可变体组件，方便在海报、信息流或后台页面里快速复用。
这篇教程用“可直接照做”的方式带你在 Figma 里用 Auto Layout + 组件 + 变量做出真正响应式的卡片列表：从结构拆分、约束设置，到不同断点的一键适配与常见坑的排查。
