10-Figma-属性栏-对齐、分布、坐标、图层操作

原创最新推荐文章于 2026-11-08 13:02:07 发布 4.6k 阅读 AI写同款

收录于

ui设计

当前文章被收录于：

ui设计

38 篇文章 27 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

billycoder

码龄17年墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 4.6k累计阅读 4.6k平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 →

171粉丝·188篇原创

关注

Figma入门-约束与对齐 Figma制作原型图内置组件友好，本文记录上手过程，讨论约束与对齐。约束使子元素随父元素变化，对齐功能高效排列元素，适用于自适应尺寸场景和繁琐对接操作。阅读详情

AI摘要

本文介绍Figma中的常用快捷键及属性面板操作，包括对齐、分布、坐标、图层操作等，帮助设计师提高工作效率。

10-Figma-属性栏-对齐、分布、坐标、图层操作

常见操作

垂直对齐,属性面板操作,或者alt+v
水平等距,属性面板操作,或者alt+shift+h,或者点击整理
水平对齐,属性面板操作,或者alt+h
垂直等距,属性面板操作,或者alt+shift+v,或者点击整理
其他对齐,属性面板操作
平滑圆角,属性面板操作,针对ios系统
翻转,右键操作
混合模式修改,属性面板操作
图片顺序调整,ctrl+]上移,ctrl+[上移,ctrl+shift+]顶,ctrl+shift+[底
透明度,属性面板操作
显示隐藏,属性面板操作

标签

#css3 #前端 #css #ui设计

Figma约束与对齐的5个实战技巧：让你的原型设计效率翻倍本文分享了5个提升Figma原型设计效率的实战技巧，核心在于灵活运用约束与对齐功能。通过构建自适应布局思维、打造弹性表单、固定导航元素、实现精准列表网格以及结合自动布局，设计师可以告别繁琐的手动调整，让元素随画板尺寸自动适配，从而大幅提升响应式设计和复杂组件的构建效率。阅读详情

相关推荐

Unity与Figma高效协同：构建自动化UI资产同步完整解决方案

在现代软件开发中，设计稿与最终产品实现之间的鸿沟是影响团队效率的核心痛点。其原理在于打通设计工具与开发引擎之间的数据流，通过API实现设计资产的自动解析与转换。这项技术的核心价值在于确立单一可信源，将设计师的修改无损、自动地同步至开发环境，从而解放开发资源，聚焦核心逻辑。其典型应用场景包括游戏UI、应用界面及各类数字产品的快速迭代开发。本文以Unity与Figma的集成为例，深入探讨了如何通过构建自动化桥接方案，实现设计资产与Prefab、UGUI控件的双向同步，从而构建高效的设计开发一体化工作流。

weixin_30326741的博客 361

想要用好figma，一定不要错过这几个技巧

这个时候你调整高度没问题，但是如果你想调整整个宽度，你必须(水)垂)回调的问题就像一个洞，一旦出现，就要想办法补救，所以一开始就要想办法避免。在设计中，使用一些技巧，有时会用一半的努力得到两倍的结果。这里拿APP命名使用场景确定大类后，根据图标进行命名使用Tab来分小类，比如语雀的Tab栏：小记，文档，新闻，我的。问题很明显，调整高度(H)学位结束后，我们必须对齐调整，如果还觉得不够精致，就要重复前面的步骤。零件的命名方式就像一个圈子，一个陷阱，也许这里每个人的习惯都不一样，所以命名方式也会不一样。...

七小嗨少的博客 3778

Figma从入门到工程化：中文设置、字体修复、图标导出与MCP接入全指南

Figma作为云端设计协作工具，通过客户端、API和MCP协议实现设计与研发的高效衔接。但在实际使用中，中文界面、字体显示、图标JSON导出及API限流等问题常阻碍工程化落地。本文从Figma运行链路出发，解析桌面端与云端协作原理，详细说明中文字体安装与识别机制，并利用插件API将图标导出为前端可用的SVG和JSON数据。同时，介绍如何通过MCP协议将设计稿接入AI编程工具，以及排查API调用额度超限的退避重试策略。这套指南帮助设计、开发及AI辅助编程场景下快速定位问题，实现从学习到生产的平滑过渡。

weixin_34006468的博客 376

Figma 笔记常用快捷键

【代码】Figma 常用快捷键。

海胆的博客 9878

AE插件实战：参数化UI模型生成，提升动效设计效率

在UI动效设计与产品演示视频制作中，参数化设计是实现高效、一致视觉输出的核心技术。其原理在于通过预设变量控制组件属性，实现非破坏性编辑与批量调整，从而显著降低重复劳动与修改成本。这一技术对于提升UI/UX动效设计、交互原型搭建的工作流效率具有重要价值。本文聚焦于一款深度集成在After Effects中的CEP扩展插件，它允许设计师在AE内部直接创建和编辑参数化的UI组件，如按钮、输入框与卡片，实现所见即所得的实时调整，并支持批量生成，有效解决了传统从Figma/Sketch导出再导入AE的繁琐流程断裂问题

weixin_30268921的博客 337

Inkscape矢量工作流：从建模、排版到交付的工程化实践

矢量图形是现代UI设计、技术文档与开源协作的核心资产，其本质是遵循SVG标准的可编程DOM结构。理解坐标系、路径几何与XML驱动逻辑，才能突破‘画得出来’到‘交得出去’的瓶颈。Inkscape作为开源SVG编辑器，优势不在界面友好，而在对标准的原生支持与可脚本化能力——这使其成为构建可测量、可复用、可版本追溯的矢量资产体系的理想工具。适用于电路图绘制、响应式图标开发、学术示意图制作及跨平台多语言排版等工程场景，尤其契合开发者、技术写作者与开源硬件创作者的真实工作流。

weixin_28523493的博客 259

如何改变matlab的.fig文件内元素的图层顺序

以matlab R2020为例： current_figure = gcf; % 得到当前.fig图形窗口 element_array = current_figure.Children.Children; % 获取图形窗口中的图形元素向量 uistack(element_array(1), 'down', 2); % 将窗口中最上层的图形元素向下移动2层 ...

weixin_42311193的博客 2608

DALL·E 3能力跃迁实测：提示词工程与设计工作流升级指南

图像生成模型正从‘能画’迈向‘可控生成’阶段，其核心演进体现在文本-图像对齐精度、物理合理性约束和风格稳定性三大维度。DALL·E 3并非简单升级，而是通过CLIP编码器微调、物理一致性校验模块与风格锚定层等底层机制，显著提升生成结果的可预测性与工程可用性。这种能力跃迁使AI真正嵌入专业设计workflow，支撑从构图草图到品牌色号校准的多环节协同，但无法替代跨模态因果推理、上下文价值判断与动态约束协商等人类核心能力。本文聚焦提示工程升级与输出控制实践，为平面、UI及印刷设计师提供可落地的AIGC生产力转化

weixin_34198762的博客 346

Figma AI图标生成落地难题全拆解（设计师不敢公开的5个失败真相）

破解Figma AI图标生成落地难题，直击设计师避而不谈的5大失败根源。涵盖UI组件库适配、风格一致性控制、提示词工程优化等实战方法，提升生成效率与商用质量。适用于SaaS产品、移动端设计等多场景，值得收藏。

StepNexus的博客 185

PSD模块化设计体系：构建可批量修改的视觉资产

PSD文件不仅是设计稿载体，更是可编程的视觉资产单元。其核心在于图层语义分组、智能对象引用、变量驱动修改等工程化实践，本质是将设计输出转化为可维护、可审计、可批量处理的数字资产。通过内容层/装饰层/控制层分离、字体嵌入策略与缺失预警、CSV变量注入及ExtendScript自动化脚本，设计师得以摆脱重复劳动，实现30张海报1小时内精准更新。该方法广泛适用于电商大促、节日营销、城市定制等多场景视觉交付，尤其契合中小团队对效率、一致性与协作可靠性的刚性需求。

weixin_33827590的博客 351

LLMOps的崛起：如何利用Langfuse和Opik构建高效的模型监控与评估体系

本文探讨了LLMOps的崛起，详细介绍了如何利用Langfuse和Opik构建高效的模型监控与评估体系。通过开源工具Langfuse的全景监控方案和Opik的三层评估体系，帮助AI工程团队实现大语言模型的全生命周期管理，提升模型性能和迭代效率。文章还提供了实战技巧和工具链集成方案，助力企业优化AI应用。

ll5678的博客 681

紧急通知：Figma即将下线旧版图标API——倒计时47天，迁移至AI生成工作流的3套兼容方案（含存量图标批量转换脚本）

Figma旧版图标API下线在即，提供3套平滑迁移方案。支持存量图标批量转换、AI生成工作流集成及设计系统兼容升级，大幅提升图标生产效率与一致性。涵盖Figma AI图标生成全流程实践，值得收藏。

AlgoFun的博客 217

扩增子测序|iCAMP包——基于系统发育零模型分析确定性和随机性在群落构建过程R中实践

iCAMP的核心功能是通过系统发育分箱的零模型分析，量化不同生态过程的相对重要性。，用于评估不同生态过程（同质选择、异质选择、扩散和漂变）对整个群落及各个系统发育分箱（bin）的相对重要性。该方法也成为nature，science系列文章的常客，深受大家喜欢，在文章中运用该方法将为论文增色不少。外环和内环的圆环图显示了每个门（或变形菌门的分类）中不同过程的相对重要性。中央是系统发育树，内环展示了不同过程的相对重要性，表示每个系统发育箱中的DL。示例代码中提供了数据和代码，已经小编测试，可直接运行。

weixin_46814750的博客 6245

Figma AI自动布局企业级落地白皮书（含Adobe XD/CSS Grid/Auto Layout三方性能对比基准测试v2.3.1）

Figma AI自动布局助力企业级设计提效降本，覆盖响应式界面、多端适配等复杂场景；基于v2.3.1基准测试，对比Adobe XD、CSS Grid与Auto Layout在渲染精度、迭代速度及协作兼容性三大维度表现；关键优势为零代码适配+语义化约束推导，值得收藏。

CodeVibe的博客 158

开源人形机器人硬件生态：关键技术、产业链与低成本突破 | OpenLoong 社区线下分享会

本文将深入探讨人形机器人硬件平台的关键技术、产业链与核心部件以及降低成本的策略。从硬件平台的核心技术，到机器人核心零部件的详细介绍，再到产业链各环节的协同发展以及实现低成本化的创新思路，将一同剖析人形机器人迈向广泛应用所面临的挑战与机遇，展望其未来的发展趋势，为开发者和相关从业者提供一些参考与启示。

OpenLoong_的博客 2422

边缘计算与产业生态系统

目录文章目录目录边缘计算产业参与者边缘计算产业生态系统边缘计算产业参与者边缘计算领域参与者众多，主流公司以打造生态优势为目标，基于自身服务层级向产业链上下两端进行拓展，目前市场主要参与者有：系统集成商：在产业头部，具有广泛的能力，可以集成不同生态系统公司的产品，具有一定的全球性属性，在边缘计算领域大多由云服务商、电信运营商担任。云服务商：具有领先的云技术优势与应用生态体系，同时拥有全球性资源布局与市场资源生态，并渴望成为边缘计算主导者。电信运营商：具有边缘基础设施优势，以及不可替代的

烟云的计算 2104

AI驱动Figma设计：基于Claude Code与Plugin API的智能工作流实践

在现代UI/UX设计领域，自动化与智能化正成为提升效率的关键。其核心原理在于通过API接口实现工具间的数据交互与指令传递，将重复性操作转化为可编程的工作流。这一技术价值在于将设计师从繁琐的“像素搬运”中解放，使其更专注于创意与决策。典型的应用场景包括设计稿的批量维护、动态内容填充、智能布局调整以及设计评审自动化。本文聚焦于如何利用AI代理（Agent）技术，特别是结合Claude Code等代码模型与Figma Plugin API，构建一个双向、实时的智能设计辅助系统。该系统通过结构化数据（如JSON）序

weixin_34319111的博客 297

openclaw通俗入门系列9——流式传输 + 分块

流式传输 = 不等写完就开始发。分块流式传输是把长回复切成几条消息发（所有渠道），草稿流式传输是像打字一样实时显示（仅 Telegram）。可以配置块大小、发送时机、合并规则、类人延迟。

m0_60605453的博客 507

XState 贡献指南：从环境搭建到 PR 合并的完整工作流

XState 是一个面向 Web 的状态机、statechart 与 actor 运行时，这个 monorepo 用 pnpm workspace 同时管理核心包、各框架适配器和上百个示例应用。这篇 XState 贡献指南带你走完整条链路：如何选择参与路径、搭建与 CI 完全一致的开发环境、验证一次真实的小改动、以及推送之后 CI 与发布自动化各自做什么。适合从未接触过这个仓库的贡献者，读完即可上

gitblog_00247的博客 206

Cyclone DDS背景技术

DDSI标准与DDS 1.2和1.4标准密切相关，DDSI中的实体与DCPS中的实体之间有明确的对应关系。但是，这种对应关系不是一一对应的。此处，仅仅对DDSI规范的概念进行描述，暂不涉及Eclipse Cyclone DDS实现的细节。DDSI规范的概念将帮助对互操作性interoperability感兴趣的技术人员了解规范的外延边界和Eclipse Cyclone DDS实现的开始。

pony12的专栏 950

AI：240-YOLOv8高效涨点 |Swin Transformer的主干网络替换与优化（附代码 + 详细修改步骤 +原理介绍）

YOLOv8作为目标检测领域的最新版本，在速度和精度之间取得了良好的平衡。然而，随着计算机视觉任务的复杂性不断增加，YOLOv8的标准主干网络（Backbone）在处理高分辨率图像或多尺度目标时，可能存在一定的局限性。为了进一步提升YOLOv8的性能，我们可以引入Swin Transformer替换其主干网络，以增强模型的全局感知能力和多尺度特征提取能力。本文将详细介绍如何在YOLOv8中用Swin Transformer替换原有的Backbone，提供代码示例，并深入探讨其中的原理和效果。

一键难忘的博客 3961

Adobe XD 键盘快捷键速查表：jaywcjlove/reference 项目中的 97 键可视化备忘单

本文是开源项目 [jaywcjlove/reference](https://link.gitcode.com/i/a832dedaa4b26b38fa57fb21c7df423f)（为开发人员分享快速参考备忘清单的中文速查表仓库）中 [docs/adobe-xd.md](https://link.gitcode.com/i/a14f2f888fdf0b955cf94da784ffdda4) 的完

gitblog_00237的博客 841

Google Earth Engine ：处理Sentinel-1 GRD SAR数据以估算田间尺度土壤湿度的工作流程（计算双极化雷达植被指数（DpRVIc）和VV极化后向散射强度（VVdB））

本文介绍了利用Google Earth Engine (GEE)处理Sentinel-1 SAR数据估算田间土壤湿度的方法。工作流程包括：定义研究区域并筛选指定日期、轨道参数的Sentinel-1图像；预处理计算双极化雷达植被指数(DpRVIc)和VV极化后向散射强度(VVdB)，通过均值滤波降噪并去除无效像素；结合动态世界数据集掩膜水体/城市区域；最终导出时序GeoTIFF文件。DpRVIc基于双极化后向散射系数比，对植被结构敏感，而VVdB反映地表反射特性，二者结合可有效评估土壤湿度。该方法适用于农业监

此星光明博客 383

Open-Pencil 图形绘制完全指南：矩形、椭圆、线条、画框与区块的创建与属性调优

本文围绕 Open-Pencil（AI 原生设计编辑器）底部的绘图工具栏，系统讲解矩形、椭圆、线条、画框（Frame）与区块（Section）的创建方式、快捷键、等比约束操作，以及填充、描边、圆角与效果等属性面板的核心设置项。读完本文，你将能够在 Open-Pencil 中熟练绘制基础矢量形状，理解画框与区块的容器语义差异，并能结合场景图数据结构精确控制每个图形的渲染细节。 ## 绘图工具总览：

gitblog_01038的博客 1062

蓝牙模块HM-10手册

蓝牙模块HM-10手册，该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术，以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索，主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式，计算机控制系统的数学描述与基本分析方法，以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

Sketch矢量绘图：精细打磨每个图标细节

在高分辨率时代，图标清晰度取决于锚点、路径与像素对齐的精准控制。Sketch之所以成为UI设计核心工具，源于其对矢量本质的工程化处理能力。从贝塞尔曲线优化到布尔运算风险防范，再到导出规范与开发协作，每一个技术细节都直接影响最终视觉品质与用户体验。

weixin_42602241的博客 1029

霍尼韦尔SoftMaster使用说明

重建技能调用操作系统：从过载到高效决策

在数字工具爆炸式增长的今天，‘会很多却用不对’已成为职场人普遍困境。这并非知识匮乏，而是缺乏将问题精准映射到合适工具的认知架构——即‘问题-工具映射能力’。其底层原理涉及工作记忆带宽限制与技能边界识别，技术价值在于大幅提升现有技能的实际调用效率，避免重复劳动与决策内耗。典型应用场景覆盖产品迭代、运营提效、跨职能协作等高频任务流。本文聚焦技能存量与决策能力失配这一核心矛盾，提出可落地的‘分类-建模-索引-验证’四步法，帮助用户构建个人级技能调用操作系统。

weixin_33811539的博客 463

C# WinForm 基于DirectShow.dll编写的程序，可边预览边保存视频，音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择（默认选中第一个）2.可录制wmv和avi两种格式的视频并且都带有音频，avi可以录制的分辨率和帧数进行选择，wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照，也可边录制视频边拍照4.添加了视频和音频的压缩功能（酌情使用）这次二次开发发现C#对DirectShow的相关信息太少，这次做完也不敢藏私共享出来，还望大家指正

上一篇： 09-Figma-工具栏-预览以及分享设置

下一篇： 11-Figma-属性栏-填充、描边、投影、导出

Unity与Figma高效协同：构建自动化UI资产同步完整解决方案

weixin_30326741的博客

08-02

361