技术栈
figma
码途漫谈
1 小时前
人工智能
·
笔记
·
ai
·
开源
·
ai编程
·
figma
Easy-Vibe开发篇阅读笔记(二)——前端开发之Figma与MasterGo入门
阅读原文:Figma 与 MasterGo 入门理解前端设计工具的价值,搞懂为什么要先做设计再写代码掌握 Figma 的基础操作,学会用 Frame、Auto Layout、组件搭建页面原型
allanGold
7 小时前
macos
·
figma
·
sketch
·
pencil
·
penbot
figma sketch 平替工具有哪些
开源工具:penbot 开源地址:https://github.com/penpot/penpotpenbot也提供付费服务 https://penpot.app/
C澒
4 天前
前端
·
低代码
·
ai编程
·
figma
AI 生码 - D2C:Figma to Code 全流程实现
D2C 技术(Design to Code,设计到代码),核心是将 Figma、视觉稿图片等视觉设计文件,转换为 HTML、CSS 等前端产物,最终组合渲染为完整页面或局部模块的技术。
smallcelebration
4 天前
figma
130 保姆级 配置mcp+figma+cursor 通过对话直接生成设计稿
关键使用标红处理参考步骤文档https://zhuanlan.zhihu.com/p/1897249661569447152https://zhuanlan.zhihu.com/p/1897249661569447152实际步骤变化:
shadowcz007
6 天前
人工智能
·
figma
AI 设计工具:不是让 Figma 更好,是重新定义“设计“这件事
Anthropic CPO 离开 Figma 董事会。不是普通的人事变动,是 AI 实验室向传统 SaaS 宣战的信号。
徐礼昭|商派软件市场负责人
12 天前
人工智能
·
figma
效率提升75%!AI赋能ECShopX系统开发特辑:使用Cursor、Codex、Figma等AI辅助工具高效完成商城创新功能开发
近期,在ECShopX交易平台项目创新功能开发中,针对页面组件开发、状态管理及接口联调等环节存在的开发周期紧张、重复编码耗时、复杂交互易遗漏边界问题等痛点,商派ECX研发人员运用Cursor、Codex等AI Agent辅助工具,结合Figma和Apifox的MCP服务开展系统开发工作。
abolbee
15 天前
windows
·
figma
·
cursor
Cursor 接入 Figma MCP 实战经验贴Windows版
今天把 Cursor + Figma MCP 跑通了,目标是让 Cursor 直接读取 Figma 设计稿,用来辅助生成 PRD、页面结构说明、字段梳理等内容。 中间踩了几脚坑,结论先放前面:
余人于RenYu
16 天前
前端
·
ui
·
ai
·
figma
Claude + Figma MCP
前提:claude code 已安装 准备工作下载最新版 Figma桌面客户端: 下载地址:https://www.figma.com/downloads/
墨染天姬
22 天前
figma
Figma
Figma 是一款基于浏览器的界面设计工具,现在已经成为UI/UX设计领域的事实标准。2022年Adobe试图以200亿美元收购Figma,因反垄断审查失败 。
文心快码 Baidu Comate
1 个月前
ide
·
人工智能
·
ai编程
·
figma
·
文心快码
·
ai编程助手
Comate AI IDE三大能力升级:支持语音输入& AI可操作浏览器 & Figma设计与代码双向转换
开发者们,解放双手的时代真的来了!写代码最痛苦的是什么?不是逻辑难调,而是“思路像跑车,手速像单车”。为了查个API,在IDE和浏览器间反复横跳;为了还原UI,在Figma和CSS代码里像素级抠图;甚至有时候,你只是想偷个懒,却不得不敲出长长的Prompt……
jieyucx
1 个月前
figma
Cursor + Figma MCP 实战教程:一键实现网页设计1:1像素级还原
作为前端开发者,你是否也经历过“设计稿很美,还原后变味”的尴尬?手动测量间距、吸取颜色、调整字体,花费数小时还原一个区块,结果设计师一句“差2个像素”就得全部返工。今天,我将分享一个前端提效黑科技——用 Cursor 结合 Figma MCP 协议,实现设计稿到网页的1:1像素级还原,告别手动测量,让开发效率直接翻倍,新手也能轻松上手!
新缸中之脑
1 个月前
figma
将Figma画布接入Codex/CC
最近,你可能看到设计师使用AI工具生成UI、构建组件,甚至直接在Figma中创建完整的设计系统。这不仅仅是另一个生产力技巧。 这是设计工作发生方式的根本性转变。
Slow菜鸟
1 个月前
figma
Claude Code教程(六)| MCP之Figma
在开始接入前,先明确2个核心概念,避免后续操作踩坑——无论你是新手还是有一定经验,理解这些基础能让你更高效地掌握接入逻辑。
风流 少年
1 个月前
figma
Calude Code + Stitch + Figma MCP跑通全链路
Google Stitch 是由Google Labs 推出的一款原生AI 设计工具。 它通过将自然语言提示、手绘线框图或界面截图,自动转化为可编辑的用户界面,并生成可用于生产环境的前端代码,从而打通设计与开发之间的流程断层。具有以下能力:
鄭郑
1 个月前
笔记
·
学习
·
figma
Figma学习笔记---03
用于创建并复用,统一管理样式属性功能允许多个元素引用同一个样式,引用后,单独修改改样式则所有的元素都会跟着变化
鄭郑
1 个月前
笔记
·
学习
·
figma
Figma学习笔记--02
用于管理下层图层退上级Frame的适配
luyun020202
1 个月前
java
·
科技
·
figma
安卓端工具,不联网不授权
今天介绍两款安卓端的软件,一款是二维码生成软件,一款是课程表软件。有需要的小伙伴可以下载收藏。第一款:码工坊
H@Z*rTE|i
1 个月前
figma
配置字节 Trae 智能体调用 Figma MCP 的完整步骤
登录 Figma 账号 进入 Settings → Account生成 Personal Access Token
luyun020202
1 个月前
windows
·
word
·
figma
Word题库转换,吾爱出品
今天给大家推荐两款软件,一款是Word题库转换Excel,一款是文件时间修改器。有需要的小伙伴可以下载收藏。
Harriet嘉
1 个月前
vue
·
figma
vscode结合code buddy 和figma还原UI设计稿
在设置里面新增figma的mcp出现报错只要安装一下就可以使用回到VScode当中,点击CodyBuddy,输入: