本文介绍了使用Figma进行APP首页设计的方法,重点讲解了如何利用自动布局功能快速排版,包括面板导航的设计及图文部分的等距排列,并分享了获取高质量图片的途径。
相关推荐
Figma基础操作指南:从文字排版到交互设计的快速上手
本文详细介绍了Figma的基础操作指南,从文字排版到交互设计的快速上手技巧。涵盖文字样式管理、交互式链接设置、动作面板应用等核心功能,帮助设计师高效完成登录页等实战案例。特别推荐提升效率的插件,如Text Styles Generator和Autoflow,助力团队协作与设计流程优化。
figma文字的调用与调节
figma文字的调用与调节
别再让用户吐槽了!手把手教你用Figma和UserTesting搞定电商App可用性测试
本文详细介绍了如何利用Figma和UserTesting进行电商App的可用性测试,帮助团队在早期发现并解决用户体验问题。通过构建可交互原型、设计真实测试场景和优化任务设计,即使小型团队也能低成本高效地提升产品可用性,避免用户差评。
8-figma-文字工具
8-figma-文字工具 常见操作 单行文字,选中文字工具,点击输入 多行文字,框选一个区域,点击输入 单行文字换多行,点击回车继续输入即可 修改字体,属性面板切换或者通过Chinese Font Picker插件 修改字号,属性面板,或者ctrl+shift+<> 修改字距,属性面板,或者alt+<> 修改行高,属性面板,或者shift+alt+<> 修改字重,属性面板,或者ctrl+al t+<> 其他样式,属性面板点点就好了 复制文字属性,ctrl+a
Figma与Pixso AI设计工具实测对比
AI设计工具正逐渐改变UI设计的工作流程,通过智能生成和自动化辅助大幅提升设计效率。这类工具通常基于生成对抗网络(GAN)或扩散模型等AI技术,能够理解设计需求并快速产出方案。在实际工程应用中,AI设计工具的价值主要体现在创意激发、设计规范遵循和开发对接三个维度。以Figma和Pixso为例,两者都提供了AI生成设计稿功能,但在具体实现上各有侧重:Figma依托DALL·E 3模型擅长概念设计,而Pixso采用自研Layout-GAN技术更注重输出可直接使用的组件化设计。测试数据显示,在处理移动端登录页等典
告别扁平化!用Figma+Mockup Plugin打造超真实iPhone样机全流程
本文详细介绍了如何利用Figma和Mockup Plugin快速打造超真实iPhone样机,提升UI设计作品集的视觉呈现效果。从样机资源选择、设计稿适配到透视调节和光影增强,全流程解析专业技巧,帮助设计师轻松实现三维立体展示,告别扁平化设计。
Mac系统怎样管理第三方字体
看到好看的字体总是会忍不住保存起来,总觉得哪天会用得着!不知不觉就多了!那么在Mac电脑中的第三方字体如何管理呢?Mac电脑中有一个专门管理Mac字体的应用程序,你不知道在哪?没关系,你可以使用快捷键组合【Alt+SpaceBar】,在搜索框内输入【字体册】即可!今天给大家分享的是如何删除Mac电脑中的第三方字体,有兴趣的朋友,请往下看! 特别注意 系统自带字体不能删除 如何删除/停用Mac电脑中的字体? 第一步:搜索到你想要删除的字体 第二步:右键这个字体,选择【移除XXX系列】或【停用XXX系列】,字
Figma实战-3步打造高级磨砂玻璃UI元素
本文详细解析了在Figma中实现高级磨砂玻璃UI效果的三步核心方法。首先通过背景模糊与不透明度调整打造通透基底,其次利用渐变填充和混合模式塑造光影质感,最后借助渐变描边与噪点纹理等细节强化真实感。文章提供了具体的参数指导和实战案例,帮助设计师快速掌握这一流行设计趋势,提升界面视觉层次与专业度。
Figma#5:文字
除此之外,在type details下的其他内容里,也可以预览到大量字体嵌套的强制更换样式。右键文字框,按顺序点击进Community,在框内输入Chinese Font Picker,就可以下载到相应的插件。的,结果不知道为什么这个名字在优快云居然是违规的。゚(゚´Д`)゚。……自定义字体的很多操作和自定义可复用颜色有相同之处,具体可以参考可复用颜色的部分。同样右键字体框,点进plugins,就可以看到自己已安装的插件,然后点击。当行高为0、段落间距为0、字符间距为0时,就是这段文字最本身的样子。
SAP ABAP ALV表格实战:5分钟搞定单元格下拉框配置(附完整代码)
本文详细介绍了在SAP ABAP开发中如何快速配置ALV表格的单元格下拉框功能,通过5分钟实战教程帮助开发者掌握关键步骤。文章包含完整的ABAP代码示例,涵盖下拉值定义、字段目录配置及ALV控件绑定等核心操作,特别适合需要实现财务系统费用类型选择或采购系统物料分类等场景的开发者参考。
中国30米逐年植被净初级生产力(NPP)数据集(1982年至今CASA模型)
1.3 气温、降水、地表太阳辐射数据 气温和降水数据月度空间插值数据是基于全国2400多个站点的日观测数据,在计算各气象要素月值的基础上,基于Anusplin软件插值生成的1982年以来各月度30米分辨率气温和降水栅格数据,插值过程中引入高程作为协变量。气温单位为℃,降水单位为mm。1.2 土地覆盖数据 土地覆盖数据来源于1985 年-2020年全球30米精细地表覆盖动态监测产品,该数据集包含29个地表覆盖类型,进行拼接、裁剪、重分类和重采样处理,获得8期250米分辨率的植被类型数据。
figma-cli架构深潜:CDP+守护进程如何驱动Figma Desktop的完整原理
figma-cli 是一个让 AI 助手直接在你电脑的 **Figma Desktop** 里"动手画图"的开源命令行工具。它的完整原理可以浓缩成两条主线:用 **CDP(Chrome DevTools 协议)** 直连 Electron 版 Figma Desktop,再用一个**本地守护进程**保持长连接,让每条命令都快人一步。本文带你拆解这套架构的每个齿轮——从 Figma 补丁、9222
手把手教你用Qt和QScada框架,从零搭建一个简易的工业组态监控界面
本文详细介绍了如何使用Qt和QScada框架从零搭建工业组态监控界面,涵盖环境配置、界面设计、动态数据绑定及高级功能实现。通过实战案例演示,帮助开发者快速掌握SCADA系统开发技巧,提升工业自动化项目的开发效率。
手把手教你用Figma+UserTesting,零成本搞定电商App的可用性测试(保姆级流程)
本文详细解析如何利用Figma和UserTesting零成本完成电商App的可用性测试,涵盖原型设计、测试执行到数据分析的全流程。通过巧妙的工具组合和社交招募策略,创业团队可高效发现并解决用户体验问题,提升产品转化率。
从0到1做AI漫剧:即梦+豆包+剪映+红果全流程实战
AI视频生成正在重塑内容创作的生产方式,它让原本高门槛的影视制作,变成了一条由文本、画面、剪辑与分发环节协同的流水线。理解其底层原理,在于将大模型的语义理解、图像生成与视频合成能力,与工程化的流程管理相结合,从而实现从创意到成片的自动化输出。这种技术的价值,不仅体现在降低制作成本,更在于让个人创作者能够独立完成高质量短剧,并快速迭代内容。在短剧、短视频、广告营销等场景中,利用即梦生成画面、豆包编写剧本、剪映完成剪辑、红果进行分发的组合,已成为一种被广泛验证的实践路径。本文聚焦AI漫剧制作,从环境准备、分镜设
保姆级教程:用STM32CubeMX给STM32F407配置RTC秒中断,并解决掉电时间丢失问题
本文详细介绍了如何使用STM32CubeMX为STM32F407配置RTC秒中断,并解决掉电时间丢失问题。通过硬件原理与软件配置的双视角解析,帮助开发者实现精确计时与时间持久化,适用于物联网设备和工业控制器等场景。
设计数据自由流动:Figma与JSON的无缝桥梁
在数字产品开发流程中,设计与开发之间的数据传递往往成为效率瓶颈。设计师使用Figma创建视觉方案,开发者需要将这些设计转化为代码实现,这个过程通常依赖手动测量和转录,不仅耗时且容易出错。Figma-to-JSON作为一款开源工具,通过实现设计文件与结构化数据的双向转换,为打破这一壁垒提供了技术解决方案。本文将从价值定位、应用场景、技术解析到实践指南,全面介绍这款工具如何重塑设计开发协作流程。 #
深入剖析一个卷积块(ConvBlock)
深入剖析一个卷积块(ConvBlock)
Figma字体搭配实战:5种设计师最爱组合+避坑指南
本文深入探讨Figma字体搭配的实战技巧,解析5种设计师最爱的黄金组合(如Inter+Roboto、Poppins+Noto Sans等),并提供详细的避坑指南。从对比度控制到风格冲突诊断,再到Figma特有的技术挑战,帮助设计师创建专业级字体系统,提升数字产品的视觉体验和可读性。
百度智能云训练图像分割模型+python调用模型并分割图像
目录 训练模型阶段 发布图像分割API 调用图像分割API 创建应用后显示以下两个代码 在pycharm中可以调用API mask解码 依赖库pycocotools安装步骤: 依赖库urllib2的安装 源码下载: 最近上课听老师介绍了一个训练图像分割模型的网站,把数据集上传之后做图像标注,然后进行训练就能得到准确率等指标。 训练模型阶段 图像分割:https://ai.baidu.com/easydl/vision/ 图像分割-->创建模型-->上传数据-->
C#身份验证黑科技:用量子级加密与多维防御矩阵构建坚不可摧的用户管理系统!
某金融系统因身份验证漏洞导致200万用户数据泄露,量子级防御可将攻击面缩小99.99%。
figma-export配置详解:yaml文件参数设置与优化技巧
figma-export是一款强大的命令行工具,能够帮助开发者将Figma中的颜色、排版、图标和图片资源自动导出到Xcode或Android Studio项目中,实现设计资源与开发的无缝对接。本文将详细介绍figma-export的核心配置文件——yaml文件的参数设置方法和实用优化技巧,让你轻松掌握这一高效工具。 ## 一、配置文件基础结构 figma-export的配置文件采用yaml格式
锂电池充电器电路设计 里面有电路
锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。
结合‘Figma设计系统’输出UI语音标注生成工具方案
通过将IndexTTS 2.0接入Figma插件,设计师可在原型中一键生成带情绪、角色和节奏控制的语音反馈,实现音画同步与多模态交互表达。利用语义化命名提取角色与情感,结合本地TTS服务完成音频绑定,提升设计真实感与协作效率。
IEM模型,地表粗糙度模拟
利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟
深度学习工具包 DeepLearningToolbox
深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain's apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath('DeepLearnToolbox'));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand('state',0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W'); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand('state',0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = 'sigm';%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, 'Too big error');```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand('state',0)sae = saesetup([784 100]);sae.ae{1}.activation_function = 'sigm';sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)')% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = 'sigm';nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, 'Too big error');```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x',28,28,60000))/255;test_x = double(reshape(test_x',28,28,10000))/255;train_y = double(train_y');test_y = double(test_y');%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you'll get around 1.2% errorrand('state',0)cnn.layers = { struct('type', 'i') %input layer struct('type', 'c', 'outputmaps', 6, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %sub sampling layer struct('type', 'c', 'outputmaps', 12, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, 'Too big error');```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand('state',0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, 'Too big error');%% ex2 neural net with L2 weight decayrand('state',0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex3 neural net with dropoutrand('state',0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex4 neural net with sigmoid activation functionrand('state',0)nn = nnsetup([784 100 10]);nn.activation_function = 'sigm'; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex5 plotting functionalityrand('state',0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = 'softmax'; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand('state',0)nn = nnsetup([784 20 10]); nn.output = 'softmax'; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');```[](https://bitdeli.com/free "Bitdeli Badge")
3分钟上手Docker:Figma-Context-MCP开发环境一键搭建指南
你是否还在为Figma-Context-MCP项目的环境配置浪费时间?本地Node版本冲突、依赖安装失败、跨平台兼容性问题——这些开发痛点现在可以通过Docker彻底解决。本文将带你实现"克隆代码即开发"的无缝体验,从环境准备到服务部署全程仅需3个步骤,让AI编码工具(如Cursor)快速获取Figma设计数据。 ## Docker环境快速部署 Figma-Context-MCP项目已内置Do...
构建AI辅助设计工作流:Cursor与Figma的MCP深度集成架构
现代设计开发流程中,设计师与开发者之间的协作存在显著的信息断层。设计工具如Figma生成的设计规范需要手动转化为开发资源,而AI编程助手如Cursor虽然能够高效生成代码,却无法直接访问设计系统中的视觉资产。这种割裂状态导致设计到开发转换过程中的效率损失和一致性风险。 传统集成方案面临三大核心挑战:实时性不足导致设计变更无法即时同步、协议兼容性问题阻碍工具间深度交互、扩展性限制难以适应多客户端并
手把手开发 Figma 自由透视插件:从单应性矩阵到 1600 万像素 Canvas 渲染全解析
本文详细拆解了Figma自由透视插件的开发全流程。通过双线程架构设计,在UI线程实现CSS实时预览与Canvas高质量输出,主线程处理Figma API交互。核心技术包括:使用单应性矩阵计算透视变换,通过逆映射+双线性插值实现像素级精确渲染,并采用React构建交互界面。文章提供了完整的数学推导、代码思路和架构设计,为Figma插件开发者提供了可直接复用的解决方案,特别适合需要实现图像变形功能的前端工程师和设计工具开发者参考。




560



被折叠的 条评论
为什么被折叠?



