Figma基本操作

Figma入门-文字、样式、链接、动作 Figma原型图制作入门,记录文字工具使用(快捷键T,修改字体苹方、semibold、16号),链接设置及actions面板常用操作,包括复制组件链接,提高制作效率。 阅读详情
AI摘要

本文介绍Figma设计软件的基本操作和快捷键使用方法,包括创建画板、测量距离、元素微调等实用技巧。

1.创建画板(画框)快捷键a/f,右侧选择尺寸。
2.标尺shift+R,吸管i。
3.右侧参数滑动更改:按住Alt。
4.icon图标复制:iconfont里复制svg代码然后Figma里面粘贴。
5.俩元素测距离:按住Alt,横向拉,方向键调整。
6.设计稿放大缩小:ctrl+滚轮,移动:空格。(ps里ctrl+加号,ctrl+减号)。全屏:ctrl+/。
7.微调元素宽高:点击元素后ctrl+方向键,或者shift+方向键。
8.仅水平/垂直方向移动:V+shift。
9.复制元素:按住+Alt,复制后水平/垂直移动:按住+Alt+shift;快速复制多个及保持一定距离ctrl+B。
10.矩形变圆形:4个脚有圆点时向中心拖拽为圆。
11.整理后在居中,实现某方向上对齐。
12.编组/取消编组:ctrl+g,取消是ctrl+shift+G;具体选定某些编组,即加选:点中一个后按住shift再点中。
13.钢笔工具。按住shift,回车完成,Esc断线。Alt折断。

【学习记录】Figma入门使用 入门figma使用;figma页面设置中文;figma的本地字体设置;如何在figma中使用微软雅黑字体(Mircosoft YaHei);解决figma本地字体丢失问题 阅读详情

相关推荐

新手进阶指南:Figma全功能解析,开启设计新征程

Figma 是一款基于浏览器的在线协作设计工具,它打破了传统设计软件的限制,允许多人实时协作设计项目。无论你是在 Windows、Mac 还是 Linux 系统上,只要有浏览器和网络连接,就可以随时随地使用 Figma 进行设计工作。注册与登录访问 Figma 官方网站,点击“Sign Up”按钮进行注册。你可以使用邮箱注册,也可以通过 Google 或 Slack 账号快速登录。注册成功后,登录到 Figma 平台,你将看到个人工作区页面。创建新项目。

2403_89603523的博客 4285

【开发工具】Figma入门

Figma是一款基于云端的UI/UX设计工具,支持跨平台协作与实时同步编辑。文章详细介绍了Figma的核心功能:云端协作、矢量图形编辑、原型设计、组件复用等特性,并提供了从界面基础到图标设计、自动布局等功能的系统教程。同时分享了高效使用技巧如快捷键操作、批量处理等实用方法,推荐了官方插件市场、设计素材网站等学习资源。通过音乐播放器界面等实战案例,帮助读者快速掌握这一设计工具,提升团队协作效率与设计质量。

大雨淅淅的博客 6894

Figma入门-设计过程基本操作

Figma原型图制作友好,内置组件多。本文记录Figma入门过程,讨论页面设计基本操作,包括汉化插件、多选整理、Alt+拖动复制、组件属性配置及画布拖动技巧。

我码玄黄的博客 1883

Figma 零基础入门教程(新手从零学会用)

主打:APP界面、网页设计、小程序UI、产品原型、图标设计、团队多人协作,现在设计师、产品、前端必备工具。做APP、网页必备,相当于画板,先建框架再往里面放按钮、文字、图片。输入标题、正文、按钮文字,右侧可改字体、字号、行高、字间距。预设自带:手机、平板、电脑、网页尺寸,直接选就能用。,不用复杂安装,浏览器就能用,也能装桌面客户端。画按钮、卡片、背景色块,支持调圆角、渐变、阴影。画不规则图形、图标、自定义形状,做原创图标必备。最常用,选中、拖动、缩放、移动所有元素,按。

2501_93482674的博客 2736

Figma入门-自动布局

Figma原型图制作内置组件友好,自动布局类似CSS flex,通过布局网格控制对齐、分布、换行等,前端熟悉的同学易上手,参数设置基本一致。

我码玄黄的博客 2173

掌握Figma设计规范的秘诀:提升设计一致性与效率

学习Figma设计规范是提升设计一致性和效率的重要一步。通过了解设计规范的重要性、研究优秀案例、创建组件库和样式库、制定设计规范文档以及学习协作和共享技巧,你将能够更好地应用Figma的功能来创建和维护设计规范。希望本篇博客对你学习Figma设计规范有所帮助。如果你有任何问题或需要进一步的指导,请随时与我联系。祝你在学习Figma设计规范的过程中取得成功!

DevCorner的Pro技术博客 1316

学习figma

Figma是目前最流行的一款免费云端设计工具,常用于UI设计,Web设计,移动应用设计和交互设计等领域。下面介绍一些Figma的基本概念和使用方法。

qq_66740903的博客 7030

Figma入门-初识组件

Figma中组件可复用,设计好元素后创建组件,可快速复制并保持一致性。修改母版组件,所有实例自动更新。组件提升设计效率,方便团队协作,确保风格统一。

我码玄黄的博客 1291

Figma使用

这份大纲提供了一个循序渐进的学习路径,涵盖了 Figma 的核心功能点。用户可以根据自己的需求和时间,选择重点学习某些章节。这份大纲提供了一个循序渐进的学习路径,涵盖了 Figma 的核心功能点。用户可以根据自己的需求和时间,选择重点学习某些章节。

EmotionComputer 3191

Figma:团队协作与文件共享技术教程_2024-07-22_00-47-24.Tex

Figma是一个基于云的界面设计工具,它允许设计师和团队成员实时协作。其界面直观,操作简便,是设计领域中团队协作的首选工具之一。下面,我们将详细介绍Figma的界面组件和基本操作。

767

Docker容器n8n中 read/write files from disk 无法读取容器内文件解决方案

《n8n文件读写Docker部署常见问题解决方案》摘要:针对n8n 1.90.2版本在Docker环境下文件读写失败问题,本文分析常见错误包括路径错误(ENOENT)、权限不足(EACCES)及节点误用问题。核心解决方案为:1)通过-v参数挂载宿主机目录到容器(如/files);2)使用新版Read/WriteFilesfromDisk节点操作文件;3)确保权限设置正确。提供可直接导入的示例工作流JSON,演示从CSV读取到结构化数据处理的全流程。特别强调已部署用户需重新挂载卷的正确操作方式,并附解决方案对

m0_74822402的博客 2184

Figma入门-基本操作制作登录页

Figma我一注册进入没有任何操作的情况下,已经在设计文件的Assets中找到了很多常用的资源,包括iOS和安卓的,这对新手来说确实非常友好。基本操作总结:点按、拖动这些操作忽略,界面还是非常直观的Space+ 鼠标左键:移动画布Ctrl+ 滚轮:缩放画布右侧属性栏但凡是数字的地方,都可以alt键 + 鼠标左右滑动进行调整,这个很方便。

我码玄黄的博客 1903

合泰单片机HT32之keil5开发环境搭建(一)

1. 前言 这两天在准备合泰杯,但是总是感觉无从下手,因为合泰单片机的资料教程什么的非常少,不像stm32那样。而且听说要用合泰单片机的专用IDE,感觉当场被劝退了。后来经过查找资料,发现合泰单片机也有keil5的支持包,也就是说可以从库函数进行开发,不用从寄存器进行开发,但我找了好久,并没有找到教程,后来实在没办法,打算自己动手搭建环境,经过了大概两天的挣扎后,终于成功地搭建好了环境,也成功地点...

weixin_44713763的博客 8668

figma学习——下载安装、基本操作

目录总览2种使用途径 学习资源: b站资源 2种使用途径 下载地址:传送门 下载完是个安装包,解压就能使用(好评) 打开后在弹出的网页进行登录即可进入软件 点击新建设计文件即可进入 里面会又基本布局的介绍 点击右下角问号按钮,可以查看快捷键 基本使用快捷键 ...

makerjack001的博客 6794

想发故障诊断论文?手把手教你用CWRU数据集复现第一个Baseline模型

本文提供了一份基于CWRU轴承数据集的故障诊断Baseline模型实战指南,手把手教你从数据准备到模型构建的全流程。通过详细的Python代码示例和学术级实验设计,帮助初学者快速复现第一个故障诊断模型,为发表高质量论文奠定基础。

weixin_28681255的博客 428

细胞膜电学特性的分数阶微积分建模

分数阶微积分在细胞膜电学特性建模中的应用主要体现在对细胞膜的电容行为和神经元放电活动的更精确描述上。

冰河世纪20的博客 619

解锁Figma:设计协作新利器

当你首次打开 Figma,呈现在眼前的是一个简洁而有序的操作界面 ,主要分为以下几个区域。左侧是工具栏,这里汇聚了各种常用的设计工具,宛如一个百宝箱。选择工具(快捷键 V)就像你的得力助手,能帮你选中、移动和调整画布上的元素;矩形工具(快捷键 R)可以轻松绘制出各种矩形,无论是按钮、卡片还是导航栏,都不在话下;椭圆工具(快捷键 O)则能绘制出圆润的圆形和椭圆,常用于制作图标、头像等;钢笔工具(快捷键 P)适合绘制复杂的矢量图形,通过精确控制锚点和路径,将你的创意完美呈现;

大雨淅淅的博客 1341

VisionPro开发实战:CogRecordDisplay控件显示与保存图片的完整流程(附C#代码示例)

本文详细解析了VisionPro开发中CogRecordDisplay控件的图像处理全流程,包括图像加载、显示优化、动态清屏及结果保存等关键操作。通过C#代码示例,展示了如何高效使用该控件进行工业视觉应用开发,特别适合自动化检测系统的开发者参考。

weixin_42523792的博客 274

29-Figma-我的页面制作

29-Figma-我的页面制作 效果 1.绘制三个圆 2.设置图层模糊 3.让三个圆只在矩形画框中显示 拖动3个圆,同时按住ctrl,把3个圆放入画框中,利用画框的裁剪功能,只显示画框区域内容 不想3个圆的位置发生改变,可以在图层面板锁定3个圆,减少误触 4.内容部分 吸管工具,i 5.4个图标 (图标+文字)自动布局 4x(图标+文字)自动布局 图标切换,选中图标,属性面板中有交换实例 6.列表 组件 自动布局 ...

billycoder的专栏 1008

读取rosbag中的IMU信息并转为tum格式的csv和txt

rostopic -b xx.bag -p /xx > xxx.txt #for euroc structvio import os, sys,re,csv name="street_07" # basedir="/media/yinjie/2498AF1F98AEEF0C/adataset/15results/imu_bagtxt/"+name+'.txt' # txtdir="/media/yinjie/2498AF1F98AEEF0C//adataset/15results/imu_o

qq_42928559的博客 1919

electron:解决打包后报错Cannot find module ‘X‘ 运行报错各种模块缺失问题(解决electron build打包后运行应用报错启动失败或白屏,无论模块名称是什么都能解决!)

Electron app打包后启动报错:“Cannot find module 'X'”解决方案,electron-builder 打包出现 cannot find module,electron 打包后找不到module问题,electron打包运行白屏、Can not find modules ‘x‘,electron项目打包报错,electron打包后,点击生成的exe应用程序出现Cannot find module,解决electron-build打包后运行app报错:cannot find mod

✅ 精选推荐文章 4383

13-Figma-组件管理

13-Figma-组件管理 常见操作 创建组件,选择,点击顶部 创建多个组件,框选多个,点击顶部 组件使用,对组件进行复制,就创建了组件的实例 实例跳到模板,右键-》转到组件模板 所有组件如何管理,都在资产面板 变体组件,框选,属性面板中点击"合并为变体" 组件重命名,右侧图层双击组件,或者组件右键,或者ctr+r 组件批量重命名,选中多个组件,或者组件右键,或者ctr+r 变体组件命名规范,key=value,key=value,key=value,key=true/false 总结 添加组件快捷键

billycoder的专栏 3095

借助AI搞定国社科“研究内容”部分!用Gemini 3 Pro轻松撰写6大模块,让基金本子效率质量更上一层楼

所谓研究整体框架,是对课题研究逻辑结构与技术路径的系统阐述,其核心在于通过研究目标分解、研究内容模块化与研究方法整合,构建一个层次清晰、逻辑严密、科学可行的研究体系。撰写要求:1)分要点、分层次列出主要研究内容,保持各部分之间的逻辑性、层次性与系统性;研究可行性可理解为开展本课题在理论基础、研究方法、研究条件、人员结构、平台支撑及外部协作等方面的可实施程度,可从内部条件与外部条件两个维度进行系统论证。研究背景为:我正在申报xxx年xxx(项目名称),课题名称为:xxx,拟采用的主要研究方法包括:xxx等;

智能AI让学术科研更容易 964

8-figma-文字工具

8-figma-文字工具 常见操作 单行文字,选中文字工具,点击输入 多行文字,框选一个区域,点击输入 单行文字换多行,点击回车继续输入即可 修改字体,属性面板切换或者通过Chinese Font Picker插件 修改字号,属性面板,或者ctrl+shift+<> 修改字距,属性面板,或者alt+<> 修改行高,属性面板,或者shift+alt+<> 修改字重,属性面板,或者ctrl+al t+<> 其他样式,属性面板点点就好了 复制文字属性,ctrl+a

billycoder的专栏 8777

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

05-figma-frame和group

05-figma-frame和group 组(group)操作 框选创建group,框选然后ctrl+g 加选创建group,点击元素,然后按住shift点击其他元素,然后ctrl+g 取消group,ctrl+shift+g group填充,组里面元素会被修改填充,在属性面板操作 画框(Frame)操作 框选创建Frame,框选然后ctrl+alt+g 取消Frame,ctrl+shift+g Frame填充,组里面元素不会被修改填充,只是Frame有颜色,在属性面板操作 Frame嵌套,鼠标拖动进去就

billycoder的专栏 4326

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

09-Figma-工具栏-预览以及分享设置

09-Figma-工具栏-预览以及分享设置 常见操作 设封面,Frame标题处,右键点击"设为封面" 修改项目标题,顶部修改即可 分享,右上角,简单 创建副本,文件下拉菜单里面 让分享只能看,不能创建副本,付费团队的分享里面有这个设置 设计稿讨论工具,点击讨论图标,在合适的地方添加讨论即可 总结 草稿中的文件可以分享和编辑,对方可以保存 只有付费团队中的项目可以设置不让对方保存 在画板上右键可以设置封面 通过评论功能进行团队之间的沟通 ...

billycoder的专栏 5159

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

上一篇: Figma汉化教程
下一篇: jeecg 文档中心地址
cc蒲公英
博客等级 码龄12年 317粉丝 222原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值