当前位置： 首页 > news >正文

figma 基础使用 —— 常用方法

news 2026/2/9 1:44:49

一、 导入组件

分成两种方式
（1）离线的包导入（iOS 常用组件.fig 直接拖拽到figma最近网页）
（2）在插件市场下载
https://www.figma.com/community


二、figma中使用标尺

快捷键：shift + R

三、插件自动填充头像

直接选中右键，找到plugin中的已下载的插件填充

四、组的概念 


五、画矢量图 和 导入现成矢量图

导入现成矢量图，直接复制粘贴在figma里面，可以直接修改尺寸和颜色，但是它头上有一个frame的名字，不知道为什么弄不掉。后来我将这个图层拖拽到我的手机图层里面，那个frame的标识就不见了。

六、定义Fill、定义Text、定义常用阴影

1. 定义Fill

当元素需要设置颜色时，找到Fill填充部分，点击style按钮，我们在Libraries里面创建一个颜色变量，也可选择已经创建好的变量颜色。

 

2.定义Text（字体、粗体、字号、上下左右间距、文字排列方式）

我们一般设计时用什么字体？

答：pingfangSC是苹果的，目前我就采用默认的Tahoma：显示效果比Arial好

七、定义Component组件、给Component组件添加变种、使用组件 

定义组件：第一选中元素，第二，右键 create component


给组件添加变种：选中组件，右键，在弹出的菜单中选择 Main Component中的add variant（添加变种）

注意：只有将变种添加到变量中去，才可以在组件的状态下拉种看到。 

可以点击右上角图标，可看到全部Component

八、将组件转化为 frame

选中组件，右键，选择Frame selection

 

相关文章：

figma 基础使用 —— 常用方法

一、 导入组件 分成两种方式 （1）离线的包导入（iOS 常用组件.fig 直接拖拽到figma最近网页） （2）在插件市场下载https://www.figma.com/community 二、figma中使用标尺 快捷键：shift R 三、插件…...

编程日记 2023/12/8 21:15:14

linux rsync 和scp区别

rsync 和 scp 都是 Linux 中用于文件复制的命令，但它们之间存在一些关键差异： 效率：rsync 在复制文件时，只会复制文件中改变的部分，而 scp 则会复制整个文件，即使文件只有一小部分发生了变化。因此&#xf…...

编程日记 2023/12/8 21:12:12

mac如何永久设置环境变量

1. 先将默认shell修改为bash mac修改默认shell为bash-CSDN博客 2. 修改环境变量 Mac中的环境变量介绍 Mac系统的环境变量，加载顺序为： /etc/profile /etc/paths ~/.bash_profile ~/.bash_login ~/.profile ~/.bashrc 当然/etc/profile和/etc/paths…...

编程日记 2023/12/8 21:11:11

小程序一键生成工具哪个好？

在这个数字化时代，小程序已经成为商家吸引客户、提升业务的重要工具。但是，传统的小程序开发方式既费时又费力，让许多商家望而却步。 现在，有了乔拓云小程序模板开发平台，一切都变了。 乔拓云提供了大量精心设计的模板…...

编程日记 2023/12/8 21:09:09

Ubuntu环境下使用nginx实现强制下载静态资源

安装Nginx sudo apt update sudo apt install nginx关闭防火墙 sudo ufw allow Nginx HTTP修改nginx配置 cd /etc/nginx/conf.d vi nginx.conf在http配置中添加(/your path/为需要下载的文件路径) server {listen 80;server_name localhost;location / {root /your path/…...

编程日记 2023/12/8 21:08:09

苹果 macOS 14.1.2 正式发布 更新了哪些内容？

苹果今日向 Mac 电脑用户推送了 macOS 14.1.2 更新（内部版本号：23B92 | 23B2091），本次更新距离上次发布隔了 28 天。 需要注意的是，因苹果各区域节点服务器配置缓存问题，可能有些地方探测到升级更新的时间略…...

编程日记 2023/12/8 21:07:08

【网络编程】-- 02 端口、通信协议

网络编程 3 端口 端口表示计算机上的一个程序的进程 不同的进程有不同的端口号！用来区分不同的软件进程 被规定总共0~65535 TCP,UDP：65535 * 2 在同一协议下，端口号不可以冲突占用 端口分类： 公有端口：0~1023 HT…...

编程日记 2023/12/8 21:04:05

数字发射链路噪声系数核算方法、实例与matlab程序

前言 发射链路各器件噪声性能较差会影响发射信号信噪比，从而导致较高的误码率，通过定量的分析发射链路噪声系数与信噪比恶化的关系，能够在设计过程中进行合理的评估和处理。 一、发射链路噪声 发射链路的噪声从特性上可以大致分为&#xff1…...

编程日记 2023/12/8 21:03:05

SQL数据库知识点总结归纳

前后顺序可以任意颠倒，不影响库中的数据关系 关系数据库的逻辑性强而物理性弱，因此关系数据库中的各条记录前后顺序可以任意颠倒，不影响库中的数据关系 一名员工可以使用多台计算机（1：m），而一台计算机只能被一名员工使用（1:1），所以员工和计算机两个实体之间是一对多…...

编程日记 2023/12/8 21:02:03

Linux C语言 39-进程间通信IPC之管道

Linux C语言 39-进程间通信IPC之管道 本节关键字：C语言 进程间通信 管道 FIFO 相关库函数：pipe、mkfifo、mknod、write、read 什么是管道？ 管道通常指“无名管道”，是Unix系统中最古老的IPC通信方式。 管道的分类 管道&#…...

编程日记 2023/12/8 21:01:02

python pandas dataframe常用数据处理总结

最近一直在做数据处理相关的工作，有几点经常遇到的情况总结如下： 数据中存在为空数据如何处理 处理方式1：丢弃数据行 # 实现方式1 data data.dropna(subset[id]) # 若id列中某行数值为空，丢弃整行数据 # 实现方式2 data df[df…...

编程日记 2023/12/8 21:00:02

excel做预测的方法集合

一. LINEST函数 首先，一元线性回归的方程： y a bx 相应的，多元线性回归方程式： y a b1x1 b2x2 … bnxn 这里： y - 因变量即预测值x - 自变量a - 截距b - 斜率 LINEST的可以返回回归方程的 截距(a) 和 斜…...

编程日记 2023/12/8 20:58:59

12月8日作业

使用手动连接，将登录框中的取消按钮使用qt4版本的连接到自定义的槽函数中，在自定义的槽函数中调用关闭函数；将登录按钮使用qt5版本的连接到自定义的槽函数中，在槽函数中判断u界面上输入的账号是否为"admin"，…...

编程日记 2023/12/8 20:57:58

RefCell 数据类型

内部可变性（interior mutability）是RUST的设计模式之一，它允许你在只持有不可变引用的前提下对数据进行修改。为了能改变数据，内部可变性模式在它的数据结构中使用了unsafe（不安全）代码来绕过RUST正常的可变…...

编程日记 2023/12/8 20:56:57

[oeasy]python0002_终端_CLI_GUI_编程环境_游戏_真实_元宇宙

回忆 上次 了解了 python 语言的特点 历史悠久功能强大深受好评已成趋势 3大主流操作系统 macwindowslinux 我们 选择 linux 作为基础系统 为什么选择 黑乎乎的命令行界面呢？🤔 GUI vs CLI 个人电脑 用图标和菜单组成 图形界面(GUI) Graphic User I…...

编程日记 2023/12/8 20:55:55

微服务1 springcloud学习笔记P1-P40

b微服务技术栈_哔哩哔哩_bilibili 文档资料: 链接：https://pan.baidu.com/s/1P_Ag1BYiPaF52EI19A0YRw?pwdd03r 提取码：d03r 一 了解微服务技术 二 Eureka (1) Eureka配置 (2) 注册user-service (3) 总结 Ribbon 负载均衡 (1) 流程 三 nacos配置管理…...

编程日记 2023/12/8 20:47:48

【页面】表格展示

展示 Dom <template><div class"srch-result-container"><!--左侧--><div class"left"><div v-for"(item,index) in muneList" :key"index" :class"(muneIndexitem.mm)?active:"click"pa…...

编程日记 2023/12/8 20:46:47

天池SQL训练营(六)-综合练习题-10道经典题目

如果你还没有学习过SQL训练营的以下知识&#xff0c;请查阅主页博文学习&#xff1a; Task 1 SQL基础&#xff1a;初识数据库与SQL-安装与基本介绍等 Task 2 SQL基础&#xff1a;查询与排序-select、运算符、聚合分组查询等 Task 3 SQL进阶&#xff1a;复杂查询方法-视图、子查…...

编程日记 2023/12/8 20:45:46

某校园报名sign解密

某校园报名sign解密 定位 看了下确实是md5标准算法&#xff0c;接下来就看下加密的明文了 最后分开看了下&#xff0c; sign md5(用户名 活动id 10位时间戳 keys)...

编程日记 2023/12/8 20:43:45

2024年安防视频监控行业将面临4大机遇和挑战

当前安防监控市场处于快速发展的阶段&#xff0c;市场不仅有传统的视频监控、门禁系统等单一功能的设备&#xff0c;还涌现出了一系列集成多种安防功能的综合系统。随着人工智能技术的发展&#xff0c;安防监控设备不仅可以对场所进行实时监控&#xff0c;还可以通过图像识别、…...

编程日记 2023/12/8 20:42:44

Flask RESTful 示例

目录 1. 环境准备2. 安装依赖3. 修改main.py4. 运行应用5. API使用示例获取所有任务获取单个任务创建新任务更新任务删除任务 中文乱码问题&#xff1a; 下面创建一个简单的Flask RESTful API示例。首先&#xff0c;我们需要创建环境&#xff0c;安装必要的依赖&#xff0c;然后…...

编程新知 2026/2/8 20:42:43

JavaScript 中的 ES|QL：利用 Apache Arrow 工具

作者&#xff1a;来自 Elastic Jeffrey Rengifo 学习如何将 ES|QL 与 JavaScript 的 Apache Arrow 客户端工具一起使用。 想获得 Elastic 认证吗&#xff1f;了解下一期 Elasticsearch Engineer 培训的时间吧&#xff01; Elasticsearch 拥有众多新功能&#xff0c;助你为自己…...

编程新知 2026/1/23 7:23:58

基于当前项目通过npm包形式暴露公共组件

1.package.sjon文件配置 其中xh-flowable就是暴露出去的npm包名 2.创建tpyes文件夹&#xff0c;并新增内容 3.创建package文件夹...

编程新知 2026/2/1 21:58:45

sqlserver 根据指定字符 解析拼接字符串

DECLARE LotNo NVARCHAR(50)A,B,C DECLARE xml XML ( SELECT <x> REPLACE(LotNo, ,, </x><x>) </x> ) DECLARE ErrorCode NVARCHAR(50) -- 提取 XML 中的值 SELECT value x.value(., VARCHAR(MAX))…...

编程新知 2025/10/29 4:33:03

ElasticSearch搜索引擎之倒排索引及其底层算法

文章目录 一、搜索引擎1、什么是搜索引擎？2、搜索引擎的分类3、常用的搜索引擎4、搜索引擎的特点二、倒排索引1、简介2、为什么倒排索引不用B+树1.创建时间长，文件大。2.其次，树深，IO次数可怕。3.索引可能会失效。4.精准度差。三. 倒排索引四、算法1、Term Index的算法2、 …...

编程新知 2026/1/30 17:10:19

Spring Boot+Neo4j知识图谱实战：3步搭建智能关系网络！

一、引言 在数据驱动的背景下&#xff0c;知识图谱凭借其高效的信息组织能力&#xff0c;正逐步成为各行业应用的关键技术。本文聚焦 Spring Boot与Neo4j图数据库的技术结合&#xff0c;探讨知识图谱开发的实现细节&#xff0c;帮助读者掌握该技术栈在实际项目中的落地方法。 …...

编程新知 2025/9/17 21:39:04

Redis的发布订阅模式与专业的 MQ（如 Kafka, RabbitMQ）相比，优缺点是什么？适用于哪些场景？

Redis 的发布订阅&#xff08;Pub/Sub&#xff09;模式与专业的 MQ&#xff08;Message Queue&#xff09;如 Kafka、RabbitMQ 进行比较&#xff0c;核心的权衡点在于&#xff1a;简单与速度 vs. 可靠与功能。 下面我们详细展开对比。 Redis Pub/Sub 的核心特点 它是一个发后…...

编程新知 2025/12/4 2:32:37

算法：模拟

1.替换所有的问号 1576. 替换所有的问号 - 力扣&#xff08;LeetCode&#xff09; ​遍历字符串​&#xff1a;通过外层循环逐一检查每个字符。​遇到 ? 时处理​&#xff1a; 内层循环遍历小写字母&#xff08;a 到 z&#xff09;。对每个字母检查是否满足&#xff1a; ​与…...

编程新知 2026/1/25 10:01:01

站群服务器的应用场景都有哪些？

站群服务器主要是为了多个网站的托管和管理所设计的&#xff0c;可以通过集中管理和高效资源的分配&#xff0c;来支持多个独立的网站同时运行&#xff0c;让每一个网站都可以分配到独立的IP地址&#xff0c;避免出现IP关联的风险&#xff0c;用户还可以通过控制面板进行管理功…...

编程新知 2025/9/1 19:01:24

Redis：现代应用开发的高效内存数据存储利器

一、Redis的起源与发展 Redis最初由意大利程序员Salvatore Sanfilippo在2009年开发&#xff0c;其初衷是为了满足他自己的一个项目需求&#xff0c;即需要一个高性能的键值存储系统来解决传统数据库在高并发场景下的性能瓶颈。随着项目的开源&#xff0c;Redis凭借其简单易用、…...

编程新知 2025/11/15 1:41:43