如何使用 Figma 设计一个自己的专属图标or Logo

都说不想当将军的厨子不是好厨子。

所以我想当将军!

作为一个移动开发是否也会经常苦恼找不到自己心中想要的, 以及留存不住偶尔崩出的一些设计灵感而苦恼。 接下来和我一起使用figma简单快速的实现自己心中五彩斑斓的黑图标

设计思路

应该是将作为我的App Logo,我又比较喜欢紫色和渐变 以及项目名称 Lilac(紫丁香) 图标的话应该是方圆的。

开干

在Figma中 frame相当一个页面,可以自己设计自己app页面的组件放进来

也可以通过右侧设置改变页面的尺寸,以及选定是手机还是别的 ipad的页面

当然我们做图标的不需要这个

我们先在各种图形中拉一个Rectange出来

通过设置这个Rectange的属性成功得到图标的背景。

我们得到一个漂亮的圆角背景的

接下来想想我们的主题 丁香花

点击钢笔会出现钢笔和曲线工具

我掏出钢笔就是一通画画,再通过右上角的弯曲工具成功得到花瓣

于是我cv了一堆花瓣

修改他们的角度并缩放

通过图形右键成组工具把这些花瓣组成一个组

历经一些修缮我得到了我的专属自己设计的图标

选中这个图标组 在右下角找到导出,选择你要导出的格式,就能使用这个你自己设计的图标啦

相信大家通过本文都能制造出自己心中 想要的图标了

相关推荐
Momo__34 分钟前
Vite 8.1 打包开发模式——10000 组件冷启动 15 倍,"No Bundle Dev" 七年后被自己终结
前端·vue.js·vite
YHL37 分钟前
🤖 Agent 智能体开发实战 · 第一课:Tool Use —— 让大模型自动干活
前端·javascript·人工智能
Monki38 分钟前
AI 规范式 UI 设计,一键批量出页,高效落地不翻车
前端
山河木马39 分钟前
渲染管线-计算得到gl_FragColor(片元着色器)之后续GPU流程
前端·webgl·计算机图形学
不想说话的麋鹿42 分钟前
「项目实战」我用 Codex + GPT-5.5 + Trellis "氛围编程",独立做了一个情侣厨房小程序
前端·agent·全栈
接着奏乐接着舞。2 小时前
【2026年7月最新】69道RAG面试题
前端·人工智能·后端·aigc·embedding·rag
以和为贵2 小时前
前端也能搞懂 Agent:从 Function Calling 到自主编排
前端·人工智能·架构
风止何安啊2 小时前
🚦 前端并发请求 “交通管制”:别让你的接口堵成早高峰
前端·javascript·面试
J船长2 小时前
扫盲烂笔头:A 记录、CNAME 的作用, Nginx的用途,为啥叫反向代理
前端
妙码生花2 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(二十六):icon 组件封装
前端·vue.js·typescript