26-Figma-APP首页完成

billycoder billycoder 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 300+累计阅读 323平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄17年
关注
原创 最新推荐文章于 2026-11-12 18:45:39 发布 323 阅读 AI 写同款· GEO 优化 ›
连接器与MCP是什么关系？从数据库到设计稿转APP的实战指南 在AI Agent与低代码平台快速发展的今天，连接器作为打通外部系统和智能工作流的关键组件，正被越来越多开发者关注。连接器本质上是将数据库、API、设计稿平台等外部能力封装成AI可调用的标准单元，而MCP（模型上下文协议）则为这种封装提供了一套统一的通信规范，就像AI领域的USB-C接口，让模型能通过标准化的工具调用获取数据、执行操作。理解连接器与MCP的关系，是搭建高效Agent工作流的基础。实际工程中，通过MCP Server连接数据库，可让AI按自然语言指令完成订单统计、数据查询等任务；接入设计稿平台 阅读详情

26-Figma-APP首页完成

1.食材列表

在这里插入图片描述

2.基本元素绘制

在这里插入图片描述

3.变成组件

在这里插入图片描述

4.课程列表效果

在这里插入图片描述

5.课程列表组件

在这里插入图片描述

组件创建
shift+a创建自动布局，选中子元素，然后ctrl+d新增元素
收录于
ui设计

当前文章被收录于：

ui设计
38 篇文章 27 人学习
订阅专栏 查看详情
标签
#ui设计 #figma
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
App Store：App设计与用户体验技术教程_2024-07-19_11-26-11.Tex 通过优化导航结构、增强可访问性、提高应用性能以及持续的测试与反馈，可以显著提升App的用户体验。这些策略不仅需要在设计阶段考虑，也应在开发和维护过程中持续关注，以确保App始终满足用户的需求和期望。 阅读详情

相关推荐

mac(apple silicon)arm64安装spm12详细教程

3.下载matlab runtime R2023b for macOS (macA64)，注意必须下载这个，只下载matlab是不可以的。默认安装目录是/Applications/MATLAB/MATLAB_Runtime/R2023b。注意最后的命令，路径根据自己的matlab_runtime安装位置进行调整，然后就可以安装成功了。5. 解压spm12.zip，解压后将文件夹拖到应用程序下（Applications)2.下载spm12，这个版本可兼容mac芯片！6.打开mac终端，输入。

weixin_62332001的博客 2027

【Figma学习】App制作一

Figma学习

weixin_47050107的博客 1860

R语言环境下Bibliometrix与Biblioshiny的安装与配置指南

本文提供了在R语言环境下安装与配置Bibliometrix和Biblioshiny的详细指南。内容涵盖R与RStudio的安装、Bibliometrix包的安装避坑方法，以及如何启动Biblioshiny图形界面进行文献计量分析。重点解决了安装过程中的常见网络与依赖问题，帮助科研人员快速搭建高效的文献分析环境。

jwt8token的博客 1147

2分钟上手用Figma绘制网站页面设计图

8.如果想对页面中各元素的位置布局更有把握，可以打开右边栏中Design里倒数第二个Layout Grid 选择网格或其他参考线。5.如果要使用模板：在左侧的Assets中搜索下载你需要的模板 例如 shop。6.如果想绘制矩形等图形，在最下方工具栏中选择相应图形绘制和移动缩放。4.按A键 在页面右侧选择你要设计的页面的大小规格。7.如果想输入文字，在最下方工具栏中选择“T”1.登陆官网 下载应用或网页端使用。2.注册\登录及走完新手指引。

weixin_47301844的博客 2585

【嵌入式原理系列-第七篇】ld脚本实战：从零构建MCU内存布局

本文是一篇针对嵌入式开发者的实战指南，详细讲解了如何从零开始为MCU编写ld链接器脚本以构建自定义内存布局。文章以STM32F103C8T6为例，深入剖析了MEMORY和SECTIONS指令的用法，并提供了OTA分区、非易失数据存储等高级定制案例，帮助开发者解决实际工程中的Flash与RAM管理难题，实现对程序运行的深度掌控。

weixin_29271263的博客 250

Matlab实战：3种雷达间歇采样干扰的仿真与识别（附完整代码）

本文通过Matlab实战，详细仿真了雷达有源间歇采样干扰的三种核心样式：直接转发、重复转发和循环转发干扰。文章提供了完整的代码实现，并深入探讨了基于时频分析和循环平稳分析的特征提取与识别方法，为雷达抗干扰技术的学习与实践提供了清晰的工程实现路径。

weixin_29053695的博客 364

figma应用——面向用户的咖啡点单APP的设计过程记录

目录概述设计阶段1、Brainstorm2、用户分析（1）用户画像（2）竞品分析（3）用户旅程地图（4）用户需求分析3、点单APP的demo设计（1）整体布局逻辑概览（2）主要界面效果预览总结 概述 此文旨在记录本学期课程中，运用一整套设计思维方法进行一个咖啡点单APP设计的过程。受限于时间，并且为了更好强调突出设计过程中小组成员协助合作，此次全程采用Trello的协同功能和Figma的设计功能并举的方式进行APP的设计。本人在其中主要担任视觉设计师的工作（主要把控设计的整体视觉感受和总体样式，承担APP的

Couldhelp的博客 2254

SAP SD销售订单的ATP检查简介

如果可用性检查组设置为01（汇总需求），系统将更新销售订单需求到汇总表VBBS，该表中未记录销售订单号码，因此在MD04中不会显示销售订单号码，而是按天汇总显示销售需求。如果物料的可用性检查组设置为02（单个需求），系统将更新销售订单需求到表VBBE，该表中记录了销售订单号码，因此在MD04显示销售订单的号码以及需求，前面的文章中我们解释了PP模块中的ATP检查，也解释了MM模块中的ATP的检查，本文将说明一下SD模块中的ATP检查。可用性检查用的最多的就是02，有兴趣的同学可以测试一下可用性检查01。

我小时候很黑的博客 4298

22-Figma-常见项目框架搭建

22-Figma-常见项目框架搭建 完成框架图 画框模板使用iPhone 11 Pro /X 375×812 顶部状态栏和底部菜单栏,使用组件 组件哪里来?社区搜索"ios 15",选择一个下载量还不错的,然后创建副本 搜到社区的组件,可以切换视图,查看效果(cover/page) 顶部状态栏:44 标题栏:44 底部菜单栏:83 标尺快捷键:shift+r 完成布局网格 完成小程序框架 需要去社区搜索一个小程序组件,然后找到上面的的"胶囊部分" ...

billycoder的专栏 1638

轨道平面系与轨道姿态系

文章摘要： 轨道平面系与轨道姿态系是航天任务中两个核心坐标系。轨道平面系（惯性系）以地心为原点，Z轴沿轨道角动量方向，用于轨道确定和机动规划；轨道姿态系（如LVLH系）以航天器质心为原点，Z轴指向地心，用于姿态控制和对地观测。两者通过旋转矩阵相互转换：轨道平面系基于轨道根数构建，保持静态；而LVLH系随轨道运动连续旋转。前者适用于全局轨道分析，后者支撑局部任务执行。理解二者的定义差异（原点、基准轴、惯性属性）及数学转换关系，对航天器姿态轨道控制系统的设计与操作至关重要。

ScilogyHunter的博客 90

YOLOv8改进 | 细节涨点篇 | DySample一种超级轻量的动态上采样算子（效果完爆CARAFE）

本文给大家带来的改进机制是一种号称超轻量级且有效的动态上采样器——DySample。与传统的基于内核的动态上采样器相比，DySample采用了一种基于点采样的方法，相比于以前的基于内核的动态上采样器，DySample具有更少的参数、浮点运算次数、GPU内存和延迟。此外，DySample在包括语义分割、目标检测、实例分割、全景分割和单目深度估计在内的五个预测任务中，性能均优于其他上采样器（截至目前最有效的上采样算子）。

Snu77的博客 1万+

Figma 快速入门实践课程（1 小时）

Figma是一款基于浏览器的UI/UX设计工具，支持实时协作和免费使用。文章详细介绍了Figma的入门步骤：从认识界面、创建画板、设计简单UI元素（如登录页面），到使用样式组件和制作交互原型。还提供了"天气App"的实战教程，包括设计状态栏、天气信息展示和未来预报等功能。教程包含操作技巧（如快捷键使用、元素对齐）和资源推荐（免费图标库）。最后讲解了如何分享设计和导出资源，适合设计新手快速上手Figma进行界面设计。

软件行业技术文化交流。 5487

052、联发科Imagiq HyperEngine架构适配：天玑9000/9200的ISP多核并行调度与Tuning Toolkit调优案例

摘要： 项目组在适配联发科天玑9200的Imagiq 890 ISP架构时，遇到多摄预览功耗过高、帧率不稳等问题。通过分析多核调度机制，调整辅核QoS通道、优化AI-ISP协同模式（采用FREERUN+运动补偿），并利用Tuning Toolkit的Pipeline Viewer动态分配负载，最终降低功耗30mA、提升画质。关键经验包括：避免多核带宽冲突、合理配置动态时钟策略，以及统一校准参数版本管理。天玑9000/9200的HyperEngine架构需优先理解多核协同逻辑，再针对性调优，否则易引发场景兼容

zzfmlxs的博客 38

Trae使用Pencil制作设计图以及迁移Figma设计稿的手把手教程

本文将使用详细图片+文字步骤的方式，手把手教你如何在Trae cn里使用Pencil，诞生出你想要的完美设计稿。

鹏多多的博客 771

VC中sqlite的使用

在VC中对sqlite的使用，实现数据库大批数据的快速插入，读取数据库中的数据在ListCtrl中显示

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明，包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

Runify：一个跑步 App，如何上线 26 天就卖到六位数？

Runify跑步App案例拆解：小众产品26天获六位数收购的完整路径 Caleb Dean通过Runify项目验证了一套高效的产品开发方法论： 市场验证：选择已被证明的健身排名模式(Liftoff)迁移到跑步领域 需求测试：用ChatGPT生成落地页，通过5美元预售获得90+付费用户验证需求 增长前置：开发期持续产出IG短视频(日均9条)，积累500万播放量 冷启动设计：利用App Store预购功能确保3000用户同日涌入 产品迭代：深度绑定早期付费用户作为测试团队 退出策略：上线26天后以5倍ARR估值

zhangella0422的博客 353

efm32 入门.pdf

本PDF共计22页，介绍的是操作驱动API，下载与否自己斟酌。

Understand-Anything /understand-figma 设计规格解析：把 Figma 文件变成可交互的设计知识图谱

本文以 Understand-Anything 仓库中已批准的 `/understand-figma` 基础版设计规格（[2026-06-24-understand-figma-foundation-design.md](https://link.gitcode.com/i/8ce543214700c0ce739274604944a654)）为主体，完整拆解该规格提出的技术方案：Figma 文件如

gitblog_00364的博客 474

OpenPencil 能力全景：开源 Figma 替代者的文件兼容、可编程自动化、AI 与实时协作架构解析

OpenPencil 是一款 AI 原生的开源设计编辑器（MIT 许可），核心定位是"打开 Figma 文件、内置 AI、完全可编程"的 Figma 开源替代品，同时它也是一套可用于构建自定义编辑器的工具包。本文以 OpenPencil 波兰语文档首页（[packages/docs/pl/index.md](https://link.gitcode.com/i/b86567e79c15cf2ddf

gitblog_00177的博客 703

谷歌Stitch实测：4天做完13个页面的两套风格App高保真原型

他们这个产品有bug！！！有些地方地方改5-6次都改不过来，比如：地图上行的定位点的样式、样色、文本统一问题。驯化AI的过程很痛苦，简直就是1天生成，3天改的节奏。有疑问的话可以在评论区留言交流。

日常爱喝茶，闲时聊科技 446

Jan 安装、配置与使用指南：在电脑上搭建离线 AI 助手

Jan 是一个开源的 ChatGPT 替代品，能把大语言模型（LLM）完整运行在你自己的电脑上，支持离线对话。它适合学生、个人用户和轻度开发者。本文带你完成 Jan 的安装、首次启动和常用配置，不预设任何编程基础。 ## 什么是 Jan，适合谁用 Jan 本质上是一个桌面聊天应用：内置模型下载入口，可以从模型仓库拉取 Llama、Gemma、Qwen 等开源模型，在本地推理，不经过云端。除了纯

gitblog_00298的博客 239

open-design 中的 Figma 设计系统包：以 figmaSans 变体字重与黑白极简骨架复现协作设计工具美学

本指南以 open-design 仓库内置的 [design-systems/figma](https://link.gitcode.com/i/67c2efb79e28de26558bbc009bcc2698) 设计系统包为核心，完整解析其视觉主题、色彩角色、可变字重排版、组件几何、响应式策略与 Agent 提示词规范，并结合 [tokens.css](https://link.gitcode.

gitblog_00743的博客 12

Claude、GLM、GPT谁才是真正的AI软件工程师？首个持续更新Visual Spec-to-App Benchmark发布

来自 University of Arizona、Zoom 与 Stony Brook University 的研究团队推出了 VISTA, 首个面向 Visual Spec-to-Web-App Coding Agents 的端到端 Benchmark。近年来，Coding Agent 正以前所未有的速度发展。

2501_94005722的博客 250

Open Design 设计系统实战：以 Figma 为蓝本的黑白 Chrome + 多彩内容规范与 Agent Prompt 指南

> 本篇技术指南以 [design-systems/figma/DESIGN-de.md](https://link.gitcode.com/i/55cb032640e4d4230a63eb62d8738e84) 为绝对主体，系统拆解 Open Design 仓库内置的「Figma 灵感设计系统」：从双色界面层与多彩产品内容的二元结构、figmaSans 变量字体的非标准字重断点、pill/圆形几

gitblog_00564的博客 12

Xcode 26.3 AI编程搭档：iOS开发效率革命

AI编程助手正在重塑软件开发流程，其核心技术在于自然语言处理(NLP)与机器学习(ML)的深度结合。通过理解开发者意图，这类工具能自动生成符合最佳实践的代码，大幅降低SwiftUI和iOS开发门槛。在工程实践中，Xcode 26.3的AI搭档展现了惊人效率，如自动处理UI布局约束、生成网络层代码等场景，使开发速度提升8-36倍。特别在Swift语法检查、Core Data集成等复杂环节，AI能确保代码质量，减少67%的内存泄漏问题。对于移动开发团队，合理使用AI代码标记和专用合并工具，能有效解决协作冲突。虽

weixin_28837817的博客 14

【珍藏整理】舌头图像数据集怎么用？从零到跑通实验的完整上手指南

如果你想过做中医舌诊或医学影像方向的研究，多半会发现：最难的一步往往不是写模型，而是找一批可用的舌象素材。这份**舌头图像数据集**就是为此准备的开源舌象训练数据，里面整理了各年龄段、不同性别与身体状况的舌图样本，每张图都经过专业标注，适合想跑模型训练、做效果验证、开发健康监测小工具的研究者和开发者。 ## 一、做舌象分析之前，最缺的到底是什么 很多人一上来就想选网络结构、调参数，结果实验卡在

gitblog_00341的博客 211

OpenDesign Figma 风格设计系统完全指南：黑白界面壳层下的可变字体与多色内容哲学

> 本文围绕 OpenDesign 仓库中 [design-systems/figma](https://link.gitcode.com/i/086e1ea4e9d8afa41d7889a65f9b937b) 设计系统包展开，系统拆解以 Figma 官网为灵感的设计语言：严格黑白的界面层（chrome）、以 figmaSans 可变字体细粒度字重驱动的排版层级、胶囊/圆形按钮几何与虚线焦点轮廓，

gitblog_00499的博客 16

Stable Diffusion XL 1.0艺术化部署：灵感画廊与Figma设计系统资产同步方案

本文介绍了如何在星图GPU平台上自动化部署📜 灵感画廊 · Atelier of Light and Shadow镜像，基于Stable Diffusion XL 1.0实现艺术化AI图像生成。该镜像专为设计师优化，支持自然语言‘梦境描述’输入与风格预设联动，典型应用于Figma设计系统中快速批量生成品牌视觉资产（如Banner、社交媒体配图），显著提升创意落地效率。

weixin_35414484的博客 284
上一篇： 25-Figma-APP首页排版（下）
下一篇： 27-Figma-发现页面制作
点赞 0
评论 0
书签 书签 0
billycoder
billycoder
博客等级 码龄17年 171粉丝 188原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值