Figma 中绘制胶囊的逐步指南26

Figma 作为流行的设计工具，为用户提供了广泛的绘图功能，包括绘制各种形状的能力。其中一种形状是胶囊，它在 UI/UX 设计中经常用于表示文本输入字段或按钮。

本文将提供一个逐步指南，指导您如何在 Figma 中绘制胶囊。我们将涵盖两种方法：使用椭圆形工具和使用钢笔工具。无论您是 Figma 新手还是经验丰富的专业人士，本指南都将帮助您轻松创建圆滑、专业的胶囊形状。

方法 1：使用椭圆形工具

椭圆形工具是 Figma 中绘制椭圆形和圆形的标准工具。它还可用于绘制胶囊，只需略微调整其设置即可。
选择椭圆形工具（E）。
将鼠标悬停在画布上，然后按住 Shift 键的同时拖动鼠标创建椭圆形。按住 Shift 键将创建完美的圆形。
转到侧边栏中的“属性”面板，然后调整圆形的高度和宽度。
使用“圆角”滑块调整胶囊的圆角程度。对于典型胶囊，将圆角设置得较高。

方法 2：使用钢笔工具

钢笔工具是 Figma 中更高级的绘图工具，可让您创建自定义路径和形状。这使您可以通过绘制两条贝塞尔曲线来更精确地绘制胶囊。
选择钢笔工具（P）。
在画布上单击以创建胶囊的第一个锚点。
将鼠标拖动到胶囊另一端的预期位置，然后再次单击以创建第二个锚点。
单击并拖动锚点之间的曲线手柄，以调整胶囊的圆角。
要关闭路径，请将光标悬停在第一个锚点上，然后单击。

自定义胶囊

创建胶囊后，您可以使用 Figma 的各种功能进行自定义：* 填充和描边：更改胶囊的填充色和描边，以适应您的设计。
* 阴影和效果：应用阴影、渐变或其他效果，以增强胶囊的外观。
* 尺寸和位置：调整胶囊的大小和位置，以满足您的设计要求。
* 导出：将胶囊导出为 SVG、PNG 或其他格式，以用于其他项目中。

通过遵循本指南中的步骤，您将能够轻松地在 Figma 中绘制圆滑而专业的胶囊形状。无论是用于文本输入字段、按钮还是其他 UI 元素，胶囊都是一种通用且有用的形状，可以增强您的设计。

2024-11-26

上一篇：Figma 中绘制方形网格的详细指南

下一篇：如何使用 Figma 进行透视图片变换