06-figma-形状操作

Figma入门-形状工具 Figma原型图制作流行,内置组件友好。本文介绍Figma形状工具使用,包括矩形、直线等七种形式,折线、圆角、角数修改及形状组合技巧,可制作炫酷图标。 阅读详情
AI摘要

本文详细介绍了使用Figma进行各种形状操作的方法,包括矩形、圆角、直线、箭头、椭圆、多边形及星形的绘制与编辑技巧,并讲解了如何利用布尔运算实现复杂的形状组合。

06-figma-形状操作

形状操作

  • 矩形

    • 圆角操作
      • 单个圆角修改
      • 多个圆角修改
  • 直线

    • 水平垂直线
    • 改颜色
  • 箭头

    • 修改箭头方向
  • 椭圆

    • 画正圆
    • 画扇形
  • 多边形

    • 绘制任意多边形
  • 星形

    • 绘制任意多角星
  • 放置图片…

    • 插入图片
    • 在指定的形状中插入图片,直接放入形状即可,这个和蒙版功能很像
  • 蒙版操作

    • 两个图形层叠摆放-》然后框选2个图形-》点击设为模板
  • 布尔运算

    • 如何触发,两个形状,框选之后就会触发
    • 哪些操作?
      • 连集所选项 -》加-》形状相加-》图层里面有2个
      • 减去顶层所选项 -》减-》形状相减-》图层里面有2个
      • 交集所选项 -》交-》留下交集-》图层里面有2个
      • 差集所选项-》差-》去掉共有的-》图层里面有2个
      • 拼合所选项-》效果和差集所选项类似-》不过图层会合并为1个图层

在这里插入图片描述

  • 进入形状编辑模式,双击形状即可
  • 退出形状编辑模式,双击空白地方

总结

在这里插入图片描述
在这里插入图片描述

Figma进阶-形状工具的创意组合与实战应用 本文深入探讨Figma形状工具的高级应用技巧,从基础操作到布尔运算、高级定制,再到实战案例展示如何通过简单形状组合创造复杂设计。文章特别强调布尔运算的四种模式及其创意应用,并分享提升设计效率的实用技巧,帮助设计师充分挖掘Figma形状工具的潜力。 阅读详情

相关推荐

Figma教程上新丨绝了~以为是青铜结果是个王者

UI设计岗位日趋火热的当下,UI设计软件也日渐受到关注。掌握更高效的生产力工具,已成为职场人的加薪技能! 毫不夸张的说,设计师的日常工作只有 20 %的时间在发挥创意解决问题,80% 的时间都在重复一些机械操作,改颜色、改间距、改排列等等,这些都让整个设计工作冗余、低效还无趣。 网上有句话说的好,成功人士都是工具控。好的工具不仅能够提升劳动效率,连干活儿的心情都能好很多。图片 Figma 是一款更为先进、更理解设计师工作方式和需求的界面设计工具。Figma 让设计师无需再考虑操作系统问题,也不需要管理插件

weixin_51689029的博客 1123

【Figma学习】图标制作

Figma学习

weixin_47050107的博客 2027

从零掌握After Effects UI动效:核心技能、实战案例与高效交付指南

在UI/UX设计与前端开发领域,动态图形与交互动画是提升用户体验和产品表现力的关键技术。其核心原理在于通过控制图形元素的属性(如位置、透明度)随时间变化,创造出流畅的视觉反馈和状态过渡。这项技术的价值在于能将静态界面转化为生动、直观的交互原型,有效传达设计意图并指导开发实现。在众多工具中,Adobe After Effects凭借其基于图层和时间轴的精细动画控制能力,成为实现复杂、高质量UI动效的行业标准解决方案。它尤其适用于需要精确缓动曲线、矢量图形动画以及与开发流程衔接(如导出Lottie格式)的应用场

aaa1231722的博客 361

【matlab】画正六边形、矩形、圆形点阵

矩形 clc;clear; %%正方形排列 n=22;%为奇数,表示几x几的矩阵 a=zeros(n,n,2);%初始化 for i=1:n for j=1:n a(i,j,1)=-4.5*((n-1)/2)+4.5*(j-1); a(i,j,2)=4.5*((n-1)/2)-4.5*(i-1); end end x=reshape(a(:,:,1),1,n*n); y=reshape(a(:,:,2),1,n*n); plot(x,y,'o'); [X,Y]

weixin_41498246的博客 9157

Sqribble:模板驱动的文档操作系统原理与工程实践

在内容交付场景中,‘专业排版’已从设计技能演变为可标准化、可复现的工程能力。本文围绕模板驱动(Template-Driven)与结构化文档(Structured Document)两大核心技术范式,解析如何通过声明式模板、语义化内容模型和确定性布局引擎,将非专业用户从Word格式困境中解放。其本质是将出版流程抽象为事件驱动的云原生系统,实现从网页/粘贴文本到合规PDF的端到端自动化。适用于市场、培训、咨询等需高频产出品牌化文档的岗位,核心价值在于提升交付确定性、协作可追溯性与模板资产复用率。

weixin_30352645的博客 431

时间轴+流程图PPT模板:逻辑可视化与高效修改指南

时间轴与流程图是逻辑可视化的核心工具,通过节点、连接线和方向指示将复杂信息转化为直观的视觉主线。其原理基于人类对时间方向和流程顺序的认知习惯,能显著提升信息传递效率。在项目汇报、产品迭代、年度规划等场景中,合理运用时间轴与流程图模板可快速构建清晰逻辑。本文分享的PPT模板资源,涵盖多种时间轴结构和流程图节点逻辑,并提供批量替换文字、统一配色、节点对齐等实操技巧,助你高效制作专业汇报。

aofan9566的博客 488

figma 磨砂玻璃图标

6.添加安全边距,画一个64x64的矩形(可以先把透明度调到20%,把刚刚画好的图形选中移到矩形中,让图形居中,再把透明度调到0,选中所有右键组选(ctrl+g)7.制作背景:再画一个64x64的矩形,填补是白色(ffffff,100%)到紫色(bfaef5,100%),白色在上紫色在下的渐变效果。影响:背景模糊(10),阴影(x:-1,y:2,模糊:5,颜色:756bef,透明度:50%)影响:阴影(x:0,y:1,模糊:3,颜色:746cef,透明度:80%)4.补填:白色渐变(线性),透明度50%;

tuuujy的博客 909

某音播放量查询,播放量接口研究,最新版本抓包,修改SO文件绕过SSL

本教程适用于某音27.8,64位版本,32为版本及某音旁侧版本修改方法大同小异,部分旁侧版本修改之后模拟器可能无法抓包,真机测试均可正常抓包,此方法修改后绝大部分包可以正常抓取,但部分包无法抓取,例如验证码,内置浏览器功能,如需抓取此类包可通过 Postern + Charles 实现。

byalipus的博客 1万+

提速增效!Figma插件推荐,助你事半功倍!

随着设计工具的更换,设计师不再局限于传统软件的重复操作,而是越来越追求能够提高设计效率的插件。从Photoshop到Sketch,再到最受欢迎的Figma,插件层出不穷。Figma是一种基于浏览器和团队合作的设计工具,可以在任何平台上使用。Figma插件哪些更好用?本文总结了12款易用的Figma插件,提高了您的设计效率和增长率!

2301_79599164的博客 1830

CentOS7下用FreeRADIUS+AD实现802.1X认证完整指南(附华为交换机配置)

本文提供了在CentOS 7系统上部署FreeRADIUS并与Windows Active Directory集成,以实现企业级802.1X网络认证的完整实战指南。内容涵盖从架构原理、服务器配置(包括Kerberos、Samba Winbind集成)、FreeRADIUS核心设置与AD联动,到华为交换机的详细配置步骤。重点解决了生产环境中常见的高可用、动态VLAN下发及深度排错问题,为企业构建集中、安全的网络准入控制体系提供了经过验证的解决方案。

weixin_29273849的博客 407

「点燃我,温暖你」用Python制作一个动态爱心效果

最近「点燃我,温暖你」这部剧非常火,讲述的是程序员的爱情故事。其中陈飞宇饰演的男主李峋,在剧中用程序做出的爱心跳动效果,非常炫。

Modeler_xiaoyu的博客 1万+

提升设计效率:2024年值得推荐的10个Figma插件

欢迎来到我们的博客。今天,我们将向您展示10个非常有用的Figma插件,它们可以大大提高您的设计效率,激发您的创新思维。作为最受欢迎的设计工具之一,Figma插件系统是其强大功能的重要组成部分。本文的目标是通过详细介绍每个插件的特点和用途,帮助设计师找到最适合自己需求的Figma插件。

2301_79599164的博客 1800

句向量(句嵌入)模型sent2vec的训练及应用

本文讨论NLP中的句向量模型(sent2vec),也就是将一个完整的句子映射成一个实数向量的技术。这方面已经发表的成果也是比较多的,本文中所涉及的技术主要源自NAACL 2018的一篇论文,其中提出的sent2vec模型可以理解为词嵌入技术中经典的CBOW方法的扩展,该所谓的扩展中一个重要改进就是引入了n-gram

白马负金羁 1万+

Cursor Talk To Figma MCP路线图解读:功能优先级分析

你是否还在为Figma与AI工具间的数据孤岛而困扰?是否在重复的文本替换、组件调整中浪费大量时间?Cursor Talk To Figma MCP(Model Context Protocol,模型上下文协议)通过建立AI与设计工具间的实时通信桥梁,正在重新定义设计师与AI协作的范式。本文将深入剖析该项目的功能架构与优先级排序逻辑,帮助团队制定清晰的实施路线图。 读完本文你将获得: - 理解MC...

gitblog_00161的博客 1058

Panda3d 场景管理

许多简单的 3D 引擎维护一个 3D 模型列表,然后在每一帧对这些模型进行渲染。在这些简单的引擎中,必须分配一个3D模型(或从磁盘加载它),然后将其插入到要渲染的模型列表中。模型在插入到列表中之前对渲染器不“可见”。 Panda3D稍微复杂一些。它不是维护要呈现的对象列表,而是维护要呈现的对象树。对象在插入树之前对渲染器不可见。

u014077947的博客 1383

RK356x U-Boot研究所(命令篇)3.10 bidram与sysmem相关命令的作用

RK356x U-Boot研究所(命令篇)3.10 bidram与sysmem相关命令的作用

Systemcall名屋 624

Understand-Anything /understand-figma 设计规格解析:把 Figma 文件变成可交互的设计知识图谱

本文以 Understand-Anything 仓库中已批准的 `/understand-figma` 基础版设计规格([2026-06-24-understand-figma-foundation-design.md](https://link.gitcode.com/i/8ce543214700c0ce739274604944a654))为主体,完整拆解该规格提出的技术方案:Figma 文件如

gitblog_00364的博客 474

SAR成像概述

1. 发展概述 雷达是英文Radar(Radio detection and ranging)的音译,原意为“无线电探测与测距”。雷达的发明是无线电发展史上的里程碑,二战时,英国急需通过雷达探测空中金属物体来帮助搜寻德国飞机,这期间,雷达技术飞速发展,发展出了地对空、空对地轰炸、空对空火控、敌我识别等功能。雷达在第二次世界大战中发挥了重大作用,至今仍是军用和许多民用领域的重要传感器。 早期雷达系统通过时间延迟来测距,通过天线指向来测角,通过多普勒频移测速。1951年,Carl Wiley发现,通..

5077

Understand-Anything /understand-figma:把 Figma 文件变成 kind:“design“ 知识图谱的设计与实现

本文基于 Understand-Anything 仓库中已批准的 Figma 基础设计规格(`docs/superpowers/specs/2026-06-24-understand-figma-foundation-design.ko.md`,其英文原文为 `docs/superpowers/specs/2026-06-24-understand-figma-foundation-design.

gitblog_00062的博客 326

基于深度学习的推荐系统设计与实现

基于深度学习的推荐系统设计与实现 作者:禅与计算机程序设计艺术 / Zen and the Art of Computer Programming / TextGenWebUILLM 基于深度学习的推荐系统设计与实现 关键词:深度学习, 推荐系统, 用

AI天才研究院 1079

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

Figma矢量角色设计全流程:从初音未来NT绘制掌握UI插画实战技巧

矢量图形设计是UI与数字创作领域的核心技术,它通过数学路径定义形状,具备无限缩放不失真的特性,这一原理使其在图标、界面和风格化插画中应用广泛。在工程实践中,高效的图层管理与组件化思维能显著提升复杂项目的协作与迭代效率。结合当下热门的虚拟形象设计与二次元文化创作需求,掌握矢量工具进行角色塑造成为设计师的关键技能。本文以Figma为工具平台,系统拆解如何运用钢笔工具、布尔运算和样式系统,从草图到成稿完成“初音未来NT”这类高细节虚拟歌姬的完整设计流程,为UI插画与角色设计提供可直接复用的实战方法。

weixin_34367257的博客 458

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

Figma 变量与设计 Token API 实战:集合创建、作用域、别名绑定与代码语法全解(Novu figma-use 技能深度参考)

> 本文基于 Novu 仓库中 Agent 技能库的 `.agents/skills/figma-use/references/variable-patterns.md` 展开。该文档是 [figma-use 技能](https://link.gitcode.com/i/0bc451e4e4caabbf021f42a0f7885856)(供 Agent 通过 `use_figma` 工具在图文件中

gitblog_00065的博客 381

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

PS、AI、Sketch已经老了?这个新生代工具,大家都在偷学!

UI设计岗位日趋火热的当下,UI设计软件也日渐受到关注。掌握更高效的生产力工具,已成为职场人的加薪技能!毫不夸张的说,设计师的日常工作只有 20 %的时间在发挥创意解决问题,80% 的时间...

传智播客的专栏 406

从设计稿到生产代码:企业官网设计还原的工程化实践

本文分享一套可落地的企业官网设计还原工程化方案,涵盖设计Token统一、流式排版、栅格布局、组件状态约定、容器查询、媒体优化及自动化校验。通过Figma与代码双向同步Token,使用clamp()和grid实现响应式适配,以Playwright进行截图对比与溢出检测,结合系统动效与颜色对比度校验,将“还原度”从主观争议转为可量化的CI流程,实现高效、可持续的设计-开发协同。

sweetofmine1的博客 354

确定性图标生成系统:从哈希到视觉熵的规则设计

默认头像生成是前端与设计协同中的高频痛点,其本质是字符串到视觉属性(颜色、形状、文字)的确定性映射问题。传统MD5/SHA哈希因分布失衡、主题适配缺失和升级不兼容,易导致深色模式下文字不可读、用户列表色彩单调、老用户图标突变等工程事故。Opus系统通过加盐可控哈希、HSL空间定向采样与视觉熵值(VEI)调控,实现输入唯一、输出稳定、无障碍合规、跨平台一致的图标生成能力。它支持username/UUID/email等多种输入源,内置WCAG对比度校验与Figma设计系统同步,适用于中大型IM、SaaS及多租户

weixin_42548874的博客 125

20 个改善网站设计的简单技巧

点击????方“逆锋起笔”,公众号回复视频教程领取大佬们推荐的学习资料英文 |https://uxplanet.org/10-easy-tricks-to-improve-your-webs...

weixin_38754349的博客 297
上一篇: 05-figma-frame和group
下一篇: 07-figma-钢笔工具
billycoder
博客等级 码龄17年 171粉丝 188原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值