Figma入门-旋转效果

Figma入门-旋转效果

前言

在之前的工作中,大家的原型图都是使用 Axure 制作的,印象中 Figma 一直是个专业设计软件。

最近,很多产品朋友告诉我,很多原型图都开始用Figma制作了,并且很多组件都是内置的,对各种原型图的制作极其友好,只需熟悉一下基本的操作即可上手。

所以我打算一探究竟,听说的终究是听说,自己上上手才是真的。

所以接下来的文章我打算记录从0开始上手 Figma 的过程。

本系列直接从实操开始,有所错漏或者操作错误,还请大家指正。

如果有更高效的使用方式,也欢迎交流。

本篇我们来讨论旋转效果。

旋转效果

我们以一个普通的箭头形状为例:

我们可以一个个复制,然后用边缘的旋转工具进行旋转

然后不断地 Command(Ctrl) + D 进行重复操作

可以得到下面的结果。

但是这样的图形我们很难确保它是规则的排列

所以我们可以借助 RotateCopies 插件来完成这个旋转复制操作。

安装好插件后,我们选中这个箭头,打开插件

这个插件有三种模式:按中心点旋转、按顶点旋转、按自定义点旋转

我们以一个三角形为例,放出三种旋转方式的结果

可以看到,排列非常规则,加上一点填充、阴影、背景之类的效果,就可以做出很多好看的效果出来。

总结

在本篇文章中,我们探讨了如何在 Figma 中实现旋转效果。

首先,我们介绍了如何手动使用旋转工具和 Command(Ctrl) + D 进行重复操作来创建旋转图形,但这种方法难以确保图形排列的规则性。

接着,我们推荐了 RotateCopies 插件,通过该插件可以更方便地实现按中心点、顶点或自定义点的旋转复制操作。

最后,我们展示了使用插件后的效果图,证明了其在创建规则排列图形方面的优势。

-- 欢迎点赞、关注、转发、收藏【我码玄黄】,各大平台同名。

相关推荐
anOnion11 小时前
构建无障碍组件之Alert Dialog Pattern
前端·html·交互设计
AI绘画哇哒哒1 天前
【干货收藏】深度解析AI Agent框架:设计原理+主流选型+项目实操,一站式学习指南
人工智能·学习·ai·程序员·大模型·产品经理·转行
产品经理邹继强3 天前
VTC产品与创新篇④:产品战略全景图——从“造物者”到“生态设计师”
人工智能·产品经理
程序员辣条3 天前
AI产品经理:2024年职场发展的新机遇
人工智能·学习·职场和发展·产品经理·大模型学习·大模型入门·大模型教程
PM老周5 天前
2026年常用瀑布管理工具有哪些?
阿里云·云计算·团队开发·产品经理·个人开发
MYPM_AndyLiu6 天前
对比 Codes、Jira、禅道、PingCode 等工具的需求管理方式
项目管理·产品经理·jira·项目经理·codes·需求管理对比
雁于飞6 天前
【无标题】
笔记·面试·职场和发展·跳槽·产品经理·创业创新·学习方法
SickeyLee8 天前
产品经理案例分析(二):电商产品立项:从 0 到 1 启动前,这 5 件事必须想透
产品经理
才聚PMP9 天前
怎么查PMP培训机构是否有官方资质?
产品经理
rolt10 天前
贷款卖房、西门和金莲《软件方法》第2章
产品经理·需求分析·需求工程