07-figma-钢笔工具

原创 最新推荐文章于 2026-10-09 23:46:44 发布 7.8k 阅读 AI写同款
收录于
ui设计

当前文章被收录于：

ui设计
38 篇文章 27 人学习
订阅专栏 查看详情
billycoder
billycoder 博客等级 码龄17年 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 7.8k累计阅读 7.9k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要
171粉丝188篇原创
关注
Figma入门-铅笔钢笔工具 Figma原型图制作渐热，内置组件友好。本文记录上手Figma过程，首篇讨论铅笔和钢笔工具。铅笔随意绘画，数位板操作更佳；钢笔绘规则图形，含曲线，适用于特殊图标。 阅读详情
AI摘要

本文详细介绍Figma中钢笔工具的各种使用技巧，包括如何绘制直线、曲线、折线及调整锚点等，帮助读者快速掌握该工具的操作方法。

07-figma-钢笔工具

常见操作

  • ​ 绘制直线
  • ​ 断线操作,按住esc
  • ​ 绘制曲线
  • ​ 绘制折现
  • ​ 转折锚点切换平滑锚点,按住ctrl
  • ​ 加锚点,鼠标点击
  • ​ 减锚点,按住alt+鼠标点击
  • ​ 移动锚点,v状态拖鼠标
  • ​ 控制手柄单边移动,按住alt拖动
  • ​ 闭合的路劲填充颜色,用颜料桶填充,在点击就删除填充

总结

在这里插入图片描述

标签
#ui设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
【Figma】Figma基础笔记一，初识设计工具Figma Figma是一款直观的在线设计工具，其界面包含左侧组件导航树、中间画布、底部快捷工具和右侧属性调整区。设计时可在无限延伸的画布上自由创作，通过组合图形、边框、颜色等元素构建丰富图案。关键概念包括Frame（独立画布）、钢笔工具（绘制复杂图形）以及边框、特效等属性设置。文中通过房屋和枫叶案例演示了基础形状组合与钢笔工具的高级应用，所有设计均可导出为SVG格式。Figma强大的图层管理和图形编辑功能使其成为高效的设计解决方案。 阅读详情

相关推荐

Figma钢笔工具终极指南：从零到精通绘制完美曲线（附实战技巧）

本文是Figma钢笔工具的终极指南，旨在帮助用户从零精通绘制完美曲线。文章深入解析了贝塞尔曲线原理与四种锚点类型，并提供了高效绘制曲线的黄金法则与实战技巧。通过绘制“消息气泡”图标的完整案例，详细拆解了从路径搭建到精细化调整的每一步操作，助你真正掌握这一矢量设计的核心工具，提升设计效率与作品精度。

dell8的博客 513

Figma#2：工具

来画一个魔法电子猫枕头吧！

weixin_62428841的博客 3198

Figma钢笔工具实战：5分钟学会绘制完美曲线（附贝塞尔曲线技巧）

本文深度解析Figma钢笔工具的核心原理与实战技巧，重点围绕贝塞尔曲线展开。通过拆解锚点与四种控制柄（无控制柄、对称、平行、不对称）的操控逻辑，提供从绘制基础曲线到临摹、原创图标的完整工作流，帮助UI设计师快速掌握绘制平滑曲线与专业图标的能力。

weixin_28523493的博客 483

Figma钢笔工具记录

Figma钢笔工具操作记录

Txtechcom的博客 957

设计师和程序员都该懂的贝塞尔曲线：从Figma钢笔工具到iOS动画API

本文深入探讨了贝塞尔曲线在设计开发中的关键作用，从Figma钢笔工具到iOS动画API的实现细节。通过解析曲线优化技巧、跨平台实现方案和协作工作流，帮助设计师与开发者高效沟通，提升数字产品设计开发效率。

weixin_30898555的博客 254

纯canvas无依赖，400多行代码，实现类似ps,figma,mastergo等设计软件的钢笔工具

纯canvas实现无依赖，400多行代码，实现类似ps,figma,mastergo等设计软件的钢笔工具代码设计的比较简单，但逻辑很清晰。适合对这方面感兴趣的研究。

那个西瓜有点甜 641

【Figma学习】操作工具及其使用一

Figma学习

weixin_47050107的博客 1万+

别再浪费数位板！Figma铅笔工具隐藏功能大揭秘（含手绘转矢量技巧）

本文深度揭秘Figma铅笔工具与钢笔工具的隐藏功能，帮助设计师将手绘草图高效转化为精准矢量图形。文章详细讲解了如何利用铅笔工具的智能平滑与简化路径功能快速捕捉创意，并结合钢笔工具的锚点编辑技巧进行精修，实现从自由手绘到可复用矢量组件的无缝工作流，彻底释放数位板与压感设备的生产力。

blue42的博客 789

Figma实战指南：解锁铅笔与钢笔工具的创意潜力

本文深入解析Figma中铅笔与钢笔工具的高级使用技巧，帮助设计师充分发挥创意潜力。从快速草图绘制到精细矢量调整，涵盖锚点操作、曲线优化等实用技能，并分享双工具协作的高效工作流，助力提升设计效率与作品质量。

lake5的博客 722

C#实战：如何用winmm.dll打造毫秒级高精度定时器（附完整代码）

本文详细介绍了在C#中利用winmm.dll实现毫秒级高精度定时器的完整方案。针对.NET内置定时器精度不足的问题，通过调用timeSetEvent等原生API，提供了超越系统时钟中断周期的精准定时能力。文章包含核心原理剖析、完整的封装类代码以及音视频处理、游戏开发等场景下的实战应用与性能调优指南。

ujm5678901的博客 690

Python+OpenCV实战：雨天车牌识别准确率提升300%的5个关键技巧

本文针对雨天车牌识别准确率骤降的难题，分享了五个基于Python和OpenCV的实战技巧。通过暗通道先验去雾、雨纹抑制、光照不变量颜色空间转换、多尺度自适应阈值分割以及融合传统特征与轻量级深度学习的混合识别策略，系统性地提升了算法在恶劣天气下的鲁棒性。这些方法能有效解决图像模糊、对比度低、字符断裂粘连等问题，为智能交通等实际应用提供可靠解决方案。

k8l9m0n的博客 717

sketch钢笔工具_Sketch和Figma，不同的工具等于不同的结果

sketch钢笔工具We like to compare the difference between various design programs and debate about which one is the most powerful. But we often forget to reflect on how using one of these tools is impacting...

weixin_26732881的博客 1488

Ubuntu 20.04下大陆ARS408毫米波雷达点云数据采集与RVIZ实时可视化全流程解析

本文详细解析了在Ubuntu 20.04系统下，如何实现大陆ARS408毫米波雷达的点云数据采集与RVIZ实时可视化全流程。内容涵盖硬件连接、ROS Noetic环境搭建、CAN接口配置、数据验证及自动化脚本编写，为机器人感知、自动驾驶等领域的开发者提供了一套稳定、实用的实战方案。

bash7scripter的博客 699

Figma快速上手教程--学习笔记

Figma快速上手教程--学习笔记

weixin_42219180的博客 5602

【深度学习面试八股文】-- 1-5

1.样本不平衡的处理方法 ①欠采样 - 随机删除观测数量足够多的类，使得两个类别间的相对比例是显著的。虽然这种方法使用起来非常简单，但很有可能被我们删除了的数据包含着预测类的重要信息。 ②过采样 - 对于不平衡的类别，我们使用拷贝现有样本的方法随机增加观测数量。理想情况下这种方法给了我们足够的样本数，但过采样可能导致过拟合训练数据。 ③合成采样（ SMOTE ）-该技术要求我们用合成方法得到不平衡类别的观测，该技术与现有的使用最近邻分类方法很类似。问题在于当一个类别的观测数量极度稀少时该怎...

m0_37940804的博客 9940

云卓遥控器+DIY高清摄像机的方案（完美接入原系统）

发云卓H16 1080P数图控三合一10公里 其中它月

fgh00000的博客 1万+

【Figma】Figma基础笔记二，常用快捷键和操作

Figma常用功能与快捷键总结：自动布局（Shift+A）用于规律排列组件；创建组件（Ctrl+Alt+K）实现批量修改；编组（Ctrl+G）管理关联元素；等距复制（Ctrl+D）快速复制元素。调整图层顺序（Ctrl+[ / ]）、查看距离（Alt）、锁定元素（Ctrl+Shift+L）提升操作效率。钢笔工具技巧包括合并线条（Ctrl+E）、连接锚点（Ctrl+J）、轮廓化描边（Ctrl+Shift+O）和镜像角度（Shift+M）。布尔运算可进行图形复合处理，建议关联图形编组后操作以保留原始数据。

NameLoadingFailed的博客 2370

FFTW库安装与使用（3.3.5版本）

FFTW库安装与使用一、FFTW库介绍与下载二、FFTW库安装三、FFTW库测试 一、FFTW库介绍与下载   FFTW ( the Faster Fourier Transform in the West) 是一个快速计算离散傅里叶变换的标准C语言程序集，其由MIT的M.Frigo 和S. Johnson 开发。可计算一维或多维实和复数据以及任意规模的DFT，且运行速度比Eigen和opencv自带的FFT库函数快10倍以上。   下载链接：http://www.fftw.org/install/wind

Jhon_ranble的博客 2万+

关于工具-figma

关于工具-figma说明figma下载与汉化快捷键小tips插件 说明 我使用的原型工具是figma，相较其他工具，它的最大特点是可以多人协作，实时共享。在使用一段时间后，我将这个软件的使用汇总一下。 figma下载与汉化 下载地址：https://www.figma.com/downloads/ ； 汉化地址 ：www.figma.cool； 汉化流程： 确认客户端版本号和补丁下载区域的版本号一致； 替换文件前，备份原生 app.asar 文件； 如果遇到程序报错，请核对安装步骤是否有遗漏，

qq_42194857的博客 2492

遥感大模型的深度学习从CNN到Vision Transformer以及混合架构的演进之路

深度学习，特别是以卷积神经网络（CNN）和Transformer为代表的“大模型”技术，正以其强大的表征学习能力，深刻地重塑着遥感智能解译的整个技术栈与认知范式。本文将系统性地梳理遥感大模型从局部卷积的奠基，到全局注意力的革命，再到二者融合的混合架构演进这一波澜壮阔的历程。我们将深入剖析每个阶段的核心技术原理，结合遥感数据特性与实际应用案例，详细阐述其在分类、检测、分割等核心任务中的具体应用。

panshengwu的博客 1142

【LLC快速上手系列】如何在LLC谐振里优雅地调死区时间？

用示波器死盯Vds波形，找到ZVS临界点；别听“经验值”，亲自调才准；死区时间并非越短越好，也不是越长越稳，而是要“刚刚好”；用热成像看MOSFET温升变化，ZVS调好了，温度马上掉2~5℃；轻载难ZVS？适当提升频率 or 降低Lr可破！

weixin_43199439的博客 495

sketch钢笔工具_设计工具（Sketch，Adobe XD，Figma和InVision Studio）中奇怪的一项功能

sketch钢笔工具When you build a new product that is very similar to the existing products in the market, the designers and product managers tend to do certain features different from others. Sometimes this...

weixin_26732881的博客 1186

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0， 兼容Win7/Win10/WinXP，解压就可用。

Figma设计工具介绍

所有设计文件存储在云端，支持多人实时协作。设计师、产品经理、开发者可同时查看、评论、编辑，提升团队沟通效率。Figma 作为现代设计协作平台，正通过官方 AI 功能与第三方插件生态，将人工智能无缝融入设计流程。设计师可借助 AI 快速完成原型构思、视觉生成、代码转换等任务，从而更专注于用户体验与创新。合理利用 AI 工具，将成为未来 UI/UX 设计师的核心竞争力之一。💡 建议：从 Magician 或 Galileo AI 等插件入手，体验 AI 如何辅助你的 Figma 工作流。

weixin_42849849的博客 2359

VC中sqlite的使用

在VC中对sqlite的使用，实现数据库大批数据的快速插入，读取数据库中的数据在ListCtrl中显示

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

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

Figma界面学习介绍

如果元素处于画框Frame内，那么元素的位置是元素左上角订单相对于上级画框的左上角顶点的 X、Y轴的距离，而不是相对于画布Page的世界坐标，且画板内会有更多关于响应式相关的设置。如果元素处于画布Page内，上级没有其它编组，那么元素的位置是元素左上角的顶点相对于整个画布page 的世界原点 (0,0)的X、Y值，且面板设置较为简单。虽然属性面板类型很多，但理解属性设置并不困难，因为属性面板的内容是以模块化的方式组合的，只要理解每个模块和对应的属性是什么，就能无缝完成对所有元素的设置。

m0_51780928的博客 2220

蓝牙模块HM-10手册

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

OpenPencil画布实操入门：导航、绘制形状与钢笔工具完整工作流

OpenPencil 是一款开源的 AI 原生设计编辑器（Figma 的开源替代品）。本文带你从零上手它的**画布**：如何平移缩放、如何用快捷键绘制矩形、圆形等形状、如何用**钢笔工具**画出矢量曲线，掌握一条完整的设计工作流。 ## 一、认识画布与工具栏 打开 OpenPencil 后，你看到的是三栏布局：左侧是页面与图层面板，中间是无限画布，右侧是属性面板，底部则是核心工具栏，包含选择、

gitblog_00738的博客 529

OpenPencil 钢笔工具完全指南：基于矢量网络的贝塞尔路径绘制实战

本文以 OpenPencil（开源 Figma 替代品，AI-native 设计编辑器）的官方 [钢笔工具文档](https://link.gitcode.com/i/f0eb553a71594bd3d28af7527f88f8ab) 为骨架，系统讲解使用钢笔工具绘制贝塞尔曲线矢量路径的完整流程：从快捷键激活、角点与曲线点的放置、路径闭合与开放路径提交，到背后的矢量网络（Vector Networ

gitblog_00021的博客 128
上一篇： 06-figma-形状操作
下一篇： Figma EX-常驻在右上角的插件列表 -调用 Figma 插件更方便了
点赞 0
评论 0
书签 书签 0
billycoder
billycoder
博客等级 码龄17年 171粉丝 188原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值