01-figma介绍

从零开始学Figma Figma 是一款针对UI设计开发的 “在线”、“矢量”、“平面”绘图工具,是目前最主流、强大的 UI 设计软件。设计师可以用 Figma 完成格式各样的UI相关设计需求,包括产品原型、可交互原型、APP 界面、B端界面、车载界面、线上网页等。甚至可以完成一些简单的平面设计需求,如广告设计、包装设计、活动设计、LOGO 设计等。在 Figma 之前,行业主要使用 Sketch 和 AdobeXD 来进行UI界面设计。 阅读详情

01-figma介绍

为什么我们要去学习figma平台

如此之多的ui设计工具,为什么我们就只学这一个就可以了?
看一下,当前的一个ui设计工具排行榜。
在这里插入图片描述

目前figma码稳居第一位,sketch第二位,xd第三位。像ai 和ps,这个占有的量就更少了。

为什么ps和ai占有的量很少。因为其实我们在去做ui的过程中,ps软件是非常臃肿。里面有大量的工具,我们根本就用不着。并且ps对电脑的性能要求也是比较偏高的。ai也是如此。

figma支持windows 以及苹果。你只要拥有一个浏览器就可以使用,它是不受这种软件或者说平台的限制的。

sketch 的话,只支持苹果电脑,它在windows 平台上是无法进行运行的。

Adobe旗下的x d 支持双平台。但是由于x d 更新频率慢,插件数量少。所以x d 占有的市场份额还是比较少的。

以前sketch 是稳居第一,因为在figma马没出来之前,大家都是用sketch 软件去做的这个ui设计。但是缺点就在于它只支持苹果电脑,没有windows 版本。所以说的话用windows 电脑的话还是有很多设计师会去选择用figma去做。

figma火了之后,那你会发现这个市场份额就发生了这个转变。因为像figma的话,在团队协作性上就比sketch 以及比xd要好很多。目前也有一些公司在去做这种在线协作平台。比如蓝湖、即时设计。

figma三大优势

第一个优势就在于figma的团队协作。

在这里插入图片描述

那团队协作是figma平台的一个核心所在。什么叫团队协作?比如说一个设计部,有八位设计师,那么这八位设计师的话,他可以在一起进行这个团队项目的一个维护。比如说我的一个文件传上去,那我就不需要再拿到你的原文件。我只需要登录我的这个账号,在平台中就可以实时拿到你给我分享的这个资源。

第二大优势就在于figma平台,它是提供了一个非常丰富的开源社区。

在这里插入图片描述

那什么叫丰富的开源社区?比如说你想去找一个图标或者找一个插画,以及找一个素材,我们都可以通过figma自带的这个社区功能去里面迅速的去找到你想的内容,并且质量都是非常高的。你想要去拿的话,可以直接把他的项目拷贝下来,就可以给自己进行使用了。

第三大优势,操作流畅。

我们在使用一些其他软件的时候,比如说像sketch 、xd、 ps、ai在使用过程中的话,可能卡死或者突然之间用的好好的,突然之间崩溃了,然后软件崩掉。那你的项目有一定的几率就再也打不开了,文件损坏对不对?但是像figma就不会出现这种问题。甚至你建非常多的画板,很多的组件,它几乎不会存在这种卡顿的这种现象。所以关于这一点的话,大家也可以尽可能的去放心。他不会说像之前的软件出现各种各样的问题,自己辛辛苦苦做的一些内容,突然之间死机,然后一天就白干了,对不对?

这就是关于我们figma平台的三大优势,分别是团队协作、开源社区非常丰富,流畅的操作体验。

在这里插入图片描述

学习figma难不难?

figma上手简单,学习的操作逻辑并不会说很复杂,很简单,里面的工具也很少,包括里面一些这种做页面的操作逻辑也非常简单。

因为当你学会了一个平台之后,再去学一些其他的设计软件。你像什么sketch ,你会发现都差不多。但是如果说你之前会sketch 的话,你转到figma平台里面,你也会感觉到非常容易去上手。因为它们操作逻辑相通。

Figma:颠覆设计协作的未来之星 结语: Figma作为一款基于云端的设计工具,以其强大的协作功能和出色的用户体验,成为了设计界的新宠儿。而Figma作为一款基于云端的设计工具,以其强大的协作功能和出色的用户体验,成为了设计界的新宠儿。强大的设计工具:Figma提供了丰富的设计工具,包括矢量编辑、布局、样式库等功能,满足了设计师的各种需求。评论和反馈:Figma提供了丰富的评论和反馈功能,团队成员可以在设计文件中进行标注、评论和提出修改建议。这种实时协作的方式大大减少了设计文件的来回传输和合并的麻烦,提高了团队的工作效率。 阅读详情

相关推荐

Figma:现代设计工具使用指南

作为一款基于云的设计平台,Figma 不仅支持界面设计和原型制作,还提供强大的协作功能。:熟悉常用快捷键,如复制(Cmd/Ctrl + C)、粘贴(Cmd/Ctrl + V)和撤销(Cmd/Ctrl + Z),可显著提高效率。:Figma 支持矢量图形的创建和编辑,用户可以轻松设计图标、按钮和复杂的界面元素。:Figma 的原型功能允许用户链接不同的页面和交互,设计师能够展示用户体验和流程。:通过创建可重用的组件,设计师可以保持设计的一致性,快速更新和维护设计系统。

weixin_43215013的博客 3058

Figma是什么软件?

近些年来,设计和开发的边界愈发模糊,数字产品也逐渐涉及更多领域。众多设计工具应运而生,其中Figma成为了业界公认的协同设计工具之一。本文将分享关于Figma设计的经验和见解。一、什么是Figma?Figma是一款基于浏览器的协同设计工具,它主要用于界面设计、原型设计和用户体验设计。Figma致力于将设计师和开发人员之间的沟通极限上升,通过实时协作和云端存储,设计师可以随时随地创建、分享和协作设计项目。应用它的优点之一就是多人协作,包括设计师、工程师和产品经理等多个角色可以同时在一个项目上工作。

2201_76016244的博客 7797

Figma教程上新丨绝了~以为是青铜结果是个王者

UI设计岗位日趋火热的当下,UI设计软件也日渐受到关注。掌握更高效的生产力工具,已成为职场人的加薪技能! 毫不夸张的说,设计师的日常工作只有 20 %的时间在发挥创意解决问题,80% 的时间都在重复一些机械操作,改颜色、改间距、改排列等等,这些都让整个设计工作冗余、低效还无趣。 网上有句话说的好,成功人士都是工具控。好的工具不仅能够提升劳动效率,连干活儿的心情都能好很多。图片 Figma 是一款更为先进、更理解设计师工作方式和需求的界面设计工具。Figma 让设计师无需再考虑操作系统问题,也不需要管理插件

weixin_51689029的博客 1123

学习figma

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

qq_66740903的博客 7033

Figma:产品设计流程与Figma应用_2024-07-22_01-42-15.Tex

在开始使用Figma进行产品设计之前,了解其界面和基本操作至关重要。Figma的界面设计直观且用户友好,旨在帮助设计师高效地创建和协作。在Figma中,自定义插件和扩展是提升设计效率和实现复杂功能的关键。通过利用Figma的API,设计师和开发者可以创建工具来自动化工作流程、集成外部服务、或增强设计协作。下面,我们将通过一个具体的插件示例来了解如何在Figma中创建自定义插件。假设我们需要创建一个插件,用于自动为设计中的所有文本元素添加版权信息。

943

Figma:Figma与AdobeCreativeCloud集成教程_2024-07-22_01-32-48.Tex

在设计领域,Figma 和 Adobe Creative Cloud 是两个广受欢迎的工具集。Figma,作为一个基于云的界面设计工具,提供了实时协作的功能,使得团队成员可以无缝地共同工作,无论他们身处何地。Adobe Creative Cloud,包括如 Photoshop、Illustrator 和 XD 等工具,是专业设计师的首选,以其强大的编辑和创作能力著称。然而,每个工具都有其独特的优势和局限性。

740

AI海报生成与智能图层分离工具01Agent:从创意到可编辑设计的实践指南

这次我们来看一个名为“01Agent”的AI海报生成与编辑工具。它瞄准了一个非常实际的痛点:用AI生成海报不难,难的是生成之后还能像专业设计软件那样,对海报里的文字、图片、背景等元素进行二次编辑和修改。这个项目通过“图层分离”技术,试图将AI生成的一次性图片,变成可分层、可编辑的设计文件,从而打通从AI创意到精细化设计的最后一公里。 对于设计师、内容创作者或市场运营来说,这听起来很有吸引力。但一个工具好不好用,关键看它能不能在你的电脑上顺畅跑起来,操作是否直观,以及最终输出的文件是否真的能导入到PS、Fig

weixin_29062671的博客 318

Figma:项目管理与版本控制在Figma中的应用_2024-07-22_01-55-58.Tex

在Figma中,项目结构是设计团队组织和管理设计资源的基础。一个项目可以包含多个文件,而每个文件又可以包含多个页面和框架。这种层次结构使得团队成员能够清晰地定位和访问所需的设计元素。

793

【Figma_01】Figma软件初始与使用

Ul设计:User Interface Design,即用户界面设计,属于“平面视觉”的子类。传统的UI设计软件有:adobe PS,adobe AI。但是它们由于功能太过冗余复杂,不适合专门做UI设计。之后有两款专门用于UI设计的软件推出了,分别是Sketch(2010推出),adobe XD(2017年推出)。但是这两款软件都是本地软件,无法抵抗云服务的浪潮,于是 Figma 在这个背景下应运而生飞速发展。免费版使用的时候会有限制,对学生可以申请教育优惠。但是这里需要你使用学校的邮箱登录。

1275

Figma:用户体验(UX)设计流程_2024-07-22_01-11-57.Tex

在开始任何设计项目之前,定义项目目标是至关重要的第一步。这一步骤确保了整个团队对项目的方向和期望有共同的理解。项目目标应该具体、可衡量、可实现、相关性强、有时间限制(SMART原则)。

721

K型热电偶分度表读取方法

K型热电偶分度表读取方法

guaizaiguaizai的博客 5919

Figma插件开发

目的:介绍 Figma 插件;figma 插件开发从 0 到 1;分享自己开发的想法一、Figma 是什么,figma 插件是什么Figma 初印象figma 是一个基于浏览器 的协作式...

奇舞周刊 5375

Hermes Agent Windows安装教程:本地智能体离线部署实战

本地智能体(Local Agent)是一种运行在用户设备端、无需云端依赖即可响应自然语言指令并自动化执行任务的轻量级AI运行时框架。其核心原理基于配置驱动的任务监听与脚本调用机制,通过服务化驻留实现持续响应能力,技术价值在于保障数据隐私、规避API调用限制、适配内网及老旧系统环境。典型应用场景包括财务报表自动整理、科研仪器数据归档、IT资产变更通知等Windows桌面自动化需求。本文聚焦Hermes Agent这一主流开源实现,围绕Windows平台特有的服务注册、权限模型、杀软拦截、中文路径与YAML编码

weixin_34411563的博客 433

【Figma】安装指南及基础操作

先前做UI设计一直都是用PS等绘图软件设计,但发现在纠结像素和排版问题上会花很多时间,再加上AI没来得及上手,就需要迅速出成图,此时通过论坛发现了figma,基本上可以满足足够的需求,并且可以在windows系统上使用。

weixin_56463218的博客 1万+

generate for与always内for:Verilog循环的静态生成与动态执行之辨

本文深入解析Verilog中generate for与always内部for循环的核心差异。generate for使用genvar变量在编译时静态生成硬件结构,适用于模块实例化;always内部for使用整型变量在运行时动态执行,综合为并行逻辑。理解这两种循环的适用场景和综合结果对提升数字电路设计质量至关重要。

yog99的博客 1088

磁带库Scalar i6000界面基本操作步骤

(注:磁带库的前面的门不要打开,日常维护:主要就是简单看下磁带库的状态;绿色代表正常;黄色代表报警但不影响磁带库正常使用;红色代表报警,不能正常使用,及时和厂家联系报修。) 一、磁带库管理页面 1、首先,磁带库前面(具体作用如图) 2、查看状态和管理页面 3、管理页面登陆。用户名:service 密码:xxxxxx 4、磁带机背面 二、电脑连接磁带库进入管理页面 1.用网线把电脑和磁带库的维护接口(磁带库背面)进行连接 2.电脑环境:JAVA。把电脑的IP设置成自...

杀神lwz的博客 5359

用这个MCP,只给大模型一个figma链接就能直接导出图片,还能自动压缩上传?

FigmaStructuredMCP是一款自动化处理Figma设计资源的工具服务器,通过API集成实现高效导出、智能压缩和自动上传功能。它支持:1)从Figma链接自动提取文件key和节点ID;2)自定义导出格式、缩放比例和压缩质量;3)批量处理节点并发操作;4)云存储自动上传并返回结构化URL数据。该工具简化了设计素材到代码的流程,支持三种运行模式(STDIO/HTTP/SSE),可与大模型结合实现智能代码集成。用户只需配置环境变量即可快速部署使用。

Q2024107的博客 1691

Ubuntu1804 关于ubuntu18.04下载软件仓库信息失败,请检查网络连接 的解决方案

今天电脑在更换软件源的时候遇到了这个问题。出现了如上图所示的错误信息。 尝试了各家优快云的博客之后,发现方法大同小异,均无法解决。 方法大多都是要求更换软件源,如下所示: 打开“Ubuntu软件中心”-->点击“编辑”-->点击“软件源”-->在Ubuntu软件界面,“下载自”默认是“中国的服务器”,改为“主服务器”试试 2.打开更新管理器-》设置-》选择站点-》...

weixin_43729409的博客 1万+

figma button_Figma的30个插图挑战

figma buttonFigma is a web-based design tool with real-time collaboration. But is Figma only used for UI design? or Prototype? what if we use it for creating illustrations. I started exploring Figma b...

weixin_26715991的博客 362

【新华三】DHCP+TFTP+ZTP自动开局实战

设备运行ZTP功能,可以自动获取并自动加载开局文件,实现设备的免现场配置和部署,从而降低人力成本,提升部署效率。使用TFTP服务器工具进行文件的上传和下载,网上很多TFTP server软件,大家可以自行下载。3CDaemon等,可以根据使用自取所需。大家应该都了解ZTP,但是目前发现除了控制器之外仅使用ZTP开局的兄弟并不是很多,因此分享此过程方便大家批量开局,留出更多时间学习更多技术。电脑打开DHCP服务器,TFTP服务器,并通过网线连接到设备的管理口,若设备较多可以通过带外交换机等进行连接,

五大连池的镜子 4983

【系统架构设计师】模拟预测试卷十 - 案例分析(完整结构)

本文为系统架构设计师考试模拟试题及参考答案,包含五个专题:质量属性(必答)、信息系统架构设计、嵌入式系统架构设计、云原生架构设计、面向服务架构设计(SOA)。试题一聚焦非功能需求与质量属性映射,如性能、可修改性、一致性等;其余选答题分别涉及分层架构设计(如嵌入式实时控制)、云原生会话管理、服务化治理(如契约设计、熔断策略)等核心架构场景,涵盖战术应用、权衡分析及解决方案设计。参考答案提供关键要点,例如离线借还的冲突解决、服务编排与共享服务的区分、嵌入式硬实时保护的必要性等,适用于备考实战演练。

数据知道的博客 252

【Cursor进阶实战·01】Figma设计稿一键还原:Cursor + MCP让前端开发提速10倍

告别手工测量像素!通过Cursor + MCP技术直接读取Figma设计元数据,自动生成高质量前端代码,开发效率提升10倍。本文详细介绍配置方法、实战案例和进阶技巧。

Cheson的专栏 3327

量化交易零基础入门教程

特点 从零开始教编程。靠谱的量化交易学习资源稀少,且具有不讲编程、代码较难、过多等不适合新手等问题,本教程中则会从零开始教编程,解决量化入门过难过编程门槛这一问题。 量化与编程相结合。本教程不仅会教编程,而且会尽量结合量化情景,减少“我要做量化交易为什么要看这些用来培训程序员的东西”的愤懑。 简易精炼,快速入门。尽量只讲最核心最常用的知识,助你快速摆脱想学习量化却处处陌生不知所措的茫然的新手阶段。 读前说明 文后会有自测与自学,包括一些额外的延伸自学内容以及稍有难度的自测题目。 最最最基础的股票.

JanLEE 2888

figma客户端_目前主流的 UI / UX 设计工具 Sketch 和 Figma 简介

如果是从事 UI 设计师较早的朋友肯定记得,最早的时候我们并没有太多的选择,Photoshop 是当时可能唯一的设计工具,但当时的 PS 其实起初并不是针对 UI 制作而进行设计的。随着互联网和手机行业的不断的发展。市面上 UI / UX 的推出新的替代工具接踵而至,如何挑选合适自己和自己团队的工具对于一些项目负责人甚至对于公司来说都是一件不容忽视的课题。作为设计师我觉得需要有去关注行业...

weixin_39664136的博客 1836

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员,提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列,各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性,请参见数据手册。有关 ARM Cortex™-M4F 内核的信息,请参见《Cortex™-M4F 技术参考手册》。

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

Figma Context MCP 源码解析

这不是简单的数值转换,而是设计理念的转译:设计稿是静态的、固定尺寸的,而Web产品是动态的、多设备适配的。这个设计体现了作者对AI认知模式的"焦点机制"的深刻思考,AI可以首先构建元素的骨架,而不是被"淹没"在细节中,导致写出混乱的代码。随着MCP生态的成熟,可以预见一个新的开发范式:设计师在Figma这样的设计平台中创作,AI助手实时理解设计意图并生成高质量代码,开发者专注于代码审查和架构设计。MCP的核心理念是为AI模型提供标准化的上下文获取机制,让AI助手能够访问实时、准确的信息来增强其响应能力。

SOHU_TECH的博客 1257

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

figma下载_Figma和ProtoPie中的原型制作,比较

figma下载 第1部分 (Part 1) Prototyping has never had such a high profile with a whole host of tools that now give you varying ability to realize your designs beyond their static UI and into a working usabl...

weixin_26732881的博客 1788

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

上一篇: vuex刷新会数据丢失3种方式
下一篇: 02-figma-安装使用和汉化
billycoder
博客等级 码龄17年 171粉丝 188原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值