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

figma 基础使用 —— 常用方法

news 文章来源：https://blog.csdn.net/tengyuxin/article/details/134672709 2024/9/21 4:30:06

一、 导入组件

分成两种方式
（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

搞懂HashTable, HashMap, ConcurrentHashMap 的区别，看着一篇就足够了！！！

&#x1f6e9;️&#x1f6e9;️&#x1f6e9;️ 今天给大家分享的是 HashTable, HashMap, ConcurrentHashMap之间的区别&#xff0c;也是自己学习过程中的总结。 清风的CSDN博客 &#x1f6e9;️&#x1f6e9;️&#x1f6e9;️希望我的文章能对你有所帮助&#xff0c;有不足的…...

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

PostgreSQL 技术内幕(十二) CloudberryDB 并行化查询之路

随着数据驱动的应用日益增多&#xff0c;数据查询和分析的量级和时效性要求也在不断提升&#xff0c;对数据库的查询性能提出了更高的要求。为了满足这一需求&#xff0c;数据库引擎不断经历创新&#xff0c;其中并行执行引擎是性能提升的重要手段之一&#xff0c;逐渐成为数据…...

编程日记 2023/12/8 20:39:40

Vue学习计划-Vue2--Vue核心（七）生命周期

抛出问题&#xff1a;一进入页面就开启一个定时器&#xff0c;每隔1秒count就加1&#xff0c;如何实现 示例&#xff1a; <body> <div id"app">{{ n }}<button click"add">执行</button> </div><script>let vm new …...

编程日记 2023/12/8 20:38:39

前端知识笔记（三十四）———HBuilder的下载与使用(详细步骤)

一、HBuilder IDE的下载 HBuilder下载官网地址&#xff1a; 在地址栏中直接输入https://www.dcloud.io 或者直接点击下面的链接 DCloud - HBuilder、HBuilderX、uni-app、uniapp、5、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架 进入官网&#x…...

编程日记 2023/12/8 20:37:38

stl容器

大部分容器的size的复杂度如下&#xff1a; std::vector&#xff1a; 时间复杂度为(1). std::deque&#xff1a; 时间复杂度为 O(1). 双端队列 std::list&#xff1a; 时间复杂度为 O(1)&#xff08;C11 及以后的版本&#xff09;。 std::forward_list&#xff1a; 时间复…...

编程日记 2023/12/8 20:34:36

android https 证书过期

有的时候 我们android https 证书过期 &#xff0c;或者使用明文等方式去访问服务器 可能会碰到类似的 问题 &#xff1a; javax.net.ssl.SSLHandshakeException: Chain validation failed java.security.cert.CertPathValidatorException: Response is unreliable: its validi…...

编程日记 2023/12/8 20:32:34

lv11 嵌入式开发 中断控制器14

目录 1 中断控制器 ​编辑 2 Exynos4412下的中断控制器 2.1 概述 2.2 特征 ​编辑 2.3 中断状态 2.4 中断类型 2.5 中断控制器GIC中断表 3 中断控制器寄存器详解 3.1 ICDDCR&#xff08;Interrupt Controller Distributor Control Register&#xff09; 3.2 ICDISER…...

编程日记 2023/12/8 20:30:32

IDEA 出现问题：Idea-操作多次commit，如何合并为一个并push解决方案

❤️作者主页&#xff1a;小虚竹 ❤️作者简介&#xff1a;大家好,我是小虚竹。2022年度博客之星评选TOP 10&#x1f3c6;&#xff0c;Java领域优质创作者&#x1f3c6;&#xff0c;CSDN博客专家&#x1f3c6;&#xff0c;华为云享专家&#x1f3c6;&#xff0c;掘金年度人气作…...

编程日记 2023/12/8 20:29:31

贝蒂的捣蛋小游戏~（C语言）

引言&#xff1a; 前面贝蒂已经给大家介绍了选择&#xff0c;循环结构~&#xff0c;今天贝蒂就基于这两种结构&#xff0c;为大家讲解一种捣蛋小游戏的设计思路和方法哦。 1.游戏要求 游戏要求&#xff1a; 1. 电脑⾃动⽣成1~100的随机数 2. 玩家猜数字&#xff0c;猜数字的过…...

编程日记 2023/12/8 20:27:29

c# 判断是否连接公网

有一个需求&#xff0c;软件需要在连接公网的状态下才能使用&#xff0c;否则弹出提示 我们判断一下网络不通情况 1.系统未开启网络&#xff1a;例如关掉了WIFI&#xff0c;拔掉网线 2.网络已连接无internet&#xff1a;连接了路由器&#xff0c;但路由器未连接外网 对于以上…...

编程日记 2023/12/8 20:26:28

unity 2d 入门 飞翔小鸟 场景延续（八)

1、新建c#脚本如下 代码&#xff0c;在前方生成生成自身图片并3s后销毁自身&#xff0c;在碰撞物体后小鸟死亡后不删除自身 using System.Collections; using System.Collections.Generic; using UnityEngine;public class CopyScene : MonoBehaviour { //要复制的对象public…...

编程日记 2023/12/8 20:25:27

scrapy介绍，并创建第一个项目

一、scrapy简介 scrapy的概念 Scrapy是一个Python编写的开源网络爬虫框架。它是一个被设计用于爬取网络数据、提取结构性数据的框架。 Scrapy 使用了Twisted异步网络框架&#xff0c;可以加快我们的下载速度。 Scrapy文档地址&#xff1a;http://scrapy-chs.readthedocs.io/z…...

编程日记 2023/12/8 20:24:26

Rust语言项目实战(九 - 完结) - 胜利与失败

回顾 在前面的章节中，我们已经实现了这个游戏中大部分的模块和功能，我们可以指挥我们的战机左右移动，并发射子弹；我们还创造了一堆的侵略者，从屏幕上方缓缓降落，试图到达屏幕的底部。 本章中，我们将对游戏的输赢作出最后的裁决，到底是我们的保卫者英勇无敌，还是侵略…...

编程日记 2023/12/8 20:23:25

【Linux系统编程】项目自动化构建工具make/Makefile

介绍&#xff1a; make和Makefile是用于编译和构建C/C程序的工具和文件。Makefile是一个文本文件&#xff0c;其中包含了编译和构建程序所需的规则和指令。它告诉make工具如何根据源代码文件生成可执行文件&#xff0c;里面保存的是依赖关系和依赖方法。make是一个命令行工具&a…...

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

harmony开发之Text组件的使用

TextInput、TextArea是输入框组件&#xff0c;通常用于响应用户的输入操作&#xff0c;比如评论区的输入、聊天框的输入、表格的输入等&#xff0c;也可以结合其它组件构建功能页面&#xff0c;例如登录注册页面。 图片来源黑马程序员 Text组件的使用&#xff1a; 文本显示组…...

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

using meta-SQL 使用元SQL 六

%Table Syntax %Table(recname) Description Use the %Table construct to return the SQL table name for the record specified with recname. 使用%Table构造返回使用recname指定的记录的SQL表名。 This construct can be used to specify temporary tables for runn…...

编程日记 2023/12/8 20:15:18

如何将浮点数点左边的数每三位添加一个逗号，如 12000000.11 转化为『12,000,000.11』

// 方法二 function format1(number) {return Intl.NumberFormat().format(number); } // 方法三 function format2(number) {return number.toLocaleString("en"); }...

编程日记 2023/12/8 20:13:16

朴素贝叶斯 贝叶斯方法

朴素贝叶斯 贝叶斯方法 背景知识 贝叶斯分类&#xff1a;贝叶斯分类是一类分类算法的总称&#xff0c;这类算法均以贝叶斯定理为基础&#xff0c;故统称为贝叶斯分类。先验概率&#xff1a;根据以往经验和分析得到的概率。我们用 P ( Y ) P(Y) P(Y)来代表在没有训练数据前假设…...

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

探索鸿蒙 TextInput组件

TextInput 根据组件名字&#xff0c;可以得知他是一个文本输出框。 声明代码&#x1f447; TextInput({placeholder?:ResourceStr,text?:ResourceStr}); placeholder: 就是提示文本&#xff0c;跟网页开发中的placeholder一样的 text&#xff1a;输入框当前的文本内容 特殊属…...

编程日记 2023/12/8 20:11:14

CNN,DNN,RNN,GAN,RL+图像处理常规算法(未完待续)

好的&#xff0c;让我们先介绍一些常见的神经网络模型&#xff0c;然后再讨论图像处理的常规算法。 神经网络模型&#xff1a; 1. CNN&#xff08;卷积神经网络&#xff09; 原理&#xff1a; CNN主要用于处理图像数据。它包含卷积层、池化层和全连接层。卷积层通过卷积操作…...

编程日记 2023/12/8 20:10:13

C# 语法笔记

1.ref、out&#xff1a;参数传递的两种方式 ref&#xff1a;引用传递 using System; namespace CalculatorApplication {class NumberManipulator{public void swap(ref int x, ref int y){int temp;temp x; /* 保存 x 的值 */x y; /* 把 y 赋值给 x */y temp; /* 把 t…...

编程日记 2023/12/8 20:06:10

el-table 表格多选(后端接口搜索分页)实现已选中的记忆功能。实现表格数据和已选数据（前端分页）动态同步更新。

实现效果&#xff1a;&#xff08;可拉代码下来看&#xff1a;vue-demo: vueDemo&#xff09; 左侧表格为点击查询调用接口查询出来的数据&#xff0c;右侧表格为左侧表格所有选择的数据&#xff0c;由前端实现分页。 两个el-table勾选数据联动更新 实现逻辑&#xff1a; el-…...

编程日记 2023/12/8 20:05:09

Vue3自定义Hooks定义

在Vue3中&#xff0c;自定义Hooks的定义是通过创建一个函数来共享逻辑或状态&#xff0c;以便在多个组件之间重复使用。Vue3中的自定义Hooks与React中的自定义Hooks非常相似&#xff0c;但有一些细微的差别。 要定义一个自定义Hook&#xff0c;可以按照以下步骤进行操作&#x…...

编程日记 2023/12/8 20:04:08

为什么Java程序员需要掌握多线程？揭秘并发编程的奥秘

为什么Java程序员需要掌握多线程&#xff1f;揭秘并发编程的奥秘 个人简介前言多线程对于Java的意义&#x1f4cc;1.提高程序性能&#xff1a;&#x1f4cc;2 提高用户体验&#xff1a;&#x1f4cc;3支持并发处理&#xff1a;&#x1f4cc;4 资源共享和同步&#xff1a;&#…...

编程日记 2023/12/8 20:02:06

数组实现循环队列（新增一个空间）

目录 一、前言 1.如何实现循环&#xff1f; 2.如何判断队列为空&#xff1f; 3.如何判断队列为满&#xff1f; 二、循环队列的结构定义 三、循环队列的创建及其初始化 四、入队 五、出队 六、取队头元素 七、取队尾元素 八、判空 九、判满 十、销毁队列 一、前言 …...

编程日记 2023/12/8 20:01:05

Mysql 索引概念回顾

一、什么是索引 在关系数据库中&#xff0c;索引是一种单独的、物理的对数据库表中一列或多列的值进行排序的一种存储结构&#xff0c;它是某个表中一列或若干列值的集合和相应的指向表中物理标识这些值的数据页的逻辑指针清单。索引的作用相当于图书的目录&#xff0c;可以根据…...

编程日记 2023/12/8 19:58:03

基于SpringBoot+Vue学生成绩管理系统前后端分离（源码+数据库）

一、项目简介 本项目是一套基于SpringBootVue学生成绩管理系统&#xff0c;主要针对计算机相关专业的正在做bishe的学生和需要项目实战练习的Java学习者。 包含&#xff1a;项目源码、数据库脚本等&#xff0c;该项目可以直接作为bishe使用。 项目都经过严格调试&#xff0c;确…...

编程日记 2023/12/8 19:55:00

Hadoop集群破坏试验可靠性验证

集群环境说明&#xff1a; 准备5台服务器&#xff0c;hadoop1、hadoop2、hadoop3、hadoop4、hadoop5&#xff1b; 分别部署5个节点的zookeeper集群、hadoop集群、hbase集群 本次对于Hadoop集群测试主要分为五个方面&#xff1a; 手动进行datanode节点删除&#xff1a;&#…...

编程日记 2023/12/8 19:53:59

Notepad++ 安装TextFx插件失败

据说TextFx插件是Notepad常用插件之一&#xff1b;有很多格式化代码的功能&#xff1b;下面安装一下&#xff1b; 插件管理里面看一下&#xff0c;没有这个TextFx&#xff1b; 根据资料&#xff0c;先安装NppExec&#xff1b; 然后下一个5.9老版本的Notepad&#xff0c;如下图…...

编程日记 2023/12/8 19:52:58

探究Logistic回归：用数学解释分类问题

文章目录 前言回归和分类Logistic回归线性回归Sigmoid函数把回归变成分类Logistic回归算法的数学推导Sigmoid函数与其他激活函数的比较 Logistic回归实例1. 数据预处理2. 模型定义3. 训练模型4. 结果可视化 结语 前言 当谈论当论及机器学习中的回归和分类问题时&#xff0c;很…...

编程日记 2023/12/8 19:51:57