fenx：一个 UI 设计师的折腾记录
写过 76 期设计周刊，做过两个 Figma 插件和一个 Figma 搜索扩展，用「全网最尊重宝可梦」的方式测试大模型画 SVG 的能力，2026 年做出了第一款 iOS App「干饭手册」和一个会在桌面上播报 Agent 状态的 macOS 小伙伴。TA 的博客叫 Design Scenes，收集站叫 Design Fragments。
- UI 设计
- Figma 插件
- Vibe Coding
- 写作
- 游戏
一句话：自称「一名普通的 UI 设计师」，GitHub 简介写「Ignorant Designer」，却在一年多里用 AI 编程做出了 Figma 插件、Chrome 扩展、Astro 网站、iOS App 和原生 macOS 应用。
代表作：Design Scenes 博客（#85–#96）、Design Scenes Weekly 76 期、Design Fragments 2.0、Image Stroke 与 Image Histogram 两个 Figma 插件、llm-things、agent-aibo、干饭手册、LLM SVG 基准测试平台、New Games Hub。
关键数字：GitHub 近一年贡献 1,369 次；Design Fragments 当前收录 80 条 2026 年 10 月的碎片；周刊共 76 期。
自我介绍：X 上写「Designer ↑ Blogger → Collector → Gamer」，用箭头把四个身份串起来。
fenx 在 Design Fragments 的 About 页里写过一句很好笑也很真实的话：「我的开发能力也随着模型变强而提升了（？）」1.0 版主要靠 Claude Sonnet 3.7，2.0 版则换成了 Grok 4.5、Composer 2.5 和 GPT-5 系列。这句话几乎可以概括 AI 时代很多设计师的变化。
档案速览
Profile
- 身份
- UI 设计师、博主、信息收集者、游戏玩家
- 所在地
- 中国大连
- 代表作
- Design Scenes、Design Fragments、Image Stroke、Image Histogram、llm-things、agent-aibo、干饭手册
- 工具栈
- Ghost、fly.io、Mailgun、Umami、Vercel、Supabase、Astro、Figma、Cursor、Zed、Tana、Capacities（据博客 About 页）
- 字体偏好
- SF Pro、PP Pangaia、PP Editorial New
- 公开渠道
- 博客、X、小红书、Figma 社区、GitHub、Bangumi
- 彩蛋
- 把自己的简历做成了一个 Agent Skill：fenx-resume，装上后可以直接问 AI「fenx 是谁」
TA 到底在做什么？
fenx 的工作有一条清晰的变化轨迹：从「转述别人做的东西」，到「记录自己折腾的结果」，再到「自己动手做东西」。早年的周刊是设计视角的资讯节选；回归后的博客是长文实验报告；2025 年起，文章里开始出现自己写的插件、扩展、网站和 App。
TA 的选题有很强的个人趣味：用宝可梦测试大模型的审美、给 Delta 模拟器做皮肤、介绍 40 家独立游戏厂商、逆向 macOS 的摘要服务、把经典的 Genie 最小化动画搬到网页上。
成长与经历
TA 在博客 About 页给 Design Scenes 写了一条时间线：先写文章；觉得每日获取的信息越来越多，开始整理发到微博；之后在微信公众号做每周总结；因为公众号环境太封闭，转到竹白做 Newsletter；因身体原因停更；然后：「我回来了」。
- 2011–2012
注册 X 与 GitHub
X 账号 2011 年注册，GitHub 2012 年注册。
- 周刊时期
Design Scenes Weekly
设计视角下的互联网资讯观察：界面设计、字体、品牌、产品体验、数码、商业与创投。共出 76 期，之后归档在 GitHub。
- 2024
回归博客
不再做每周资讯，而是「写一些想写的东西……将自己一段时间折腾的结果记录并分享给他人」。这一年写了《偷窥 Ferret-UI》、Delta 模拟器皮肤、iii 计划背后的 40 家独立游戏厂商。
- 2025.01–02
Figma 插件与扩展
Image Stroke（给位图加矢量描边）、Image Histogram（在 Figma 里看直方图、复制粘贴曝光和对比度参数），以及 Figma Deep Search Chrome 扩展；还给 Ghost 博客加上了 llms.txt。
- 2025.05
Design Fragments 1.0
用 Vibe Coding 建起碎片信息收集站，把写周刊以来的碎片信息集中起来。标题调侃：「仅需 21600 分钟，用 AI 建立网站！」
- 2025.06
《Liquid Glass 之外 Apple 的改变》
一篇对苹果设计方向的辛辣评论，副标题是一长串「劝 Apple 牢记初心……树立正确设计观」。
- 2026.06
LLM 画 SVG 的基准
设计了一个测试大模型生成 SVG 能力的平台，「全网最尊重宝可梦的 Benchmark」。
- 2026.07–08
第一款 iOS App 与 macOS 小伙伴
发布 iOS App「干饭手册」并写下长篇复盘《踩坑是最好的老师》；做了桌面伙伴 aibo；8 月又做了每天看新游戏的 New Games Hub。
代表作品详解
Design Fragments ↗
「Knowledge Has No Bounds.」一个设计师的灵感素材库：每条碎片是一段两三行的评述，话题从品牌设计、字体、网页动效，到「用柠檬黄让鸡肉变半透明」的实验、在 PS5 上跑大模型。2.0 版补齐了文章条目、提高了信息密度，About 页说「可能最终的形式是每个条目都有各自的展现形式」。
About 页也是一份公开的技术清单：Cloudflare 托管，Astro 框架，原生 JS，Tailwind，Supabase，Figma 设计，Cursor 编码，Zed 编辑器；还致谢了 GSAP、Shiki、marked、pinyin-pro 等库。
- 1.0 主要模型
- Claude Sonnet 3.7
- 2.0 主要模型
- Grok 4.5、Composer 2.5、GPT-5 系列
- 统计
- 自部署 Umami
agent-aibo ↗
「あいぼう，エージェント走らせるぜ！」一个蹲在桌面上的原生 macOS 小伙伴，用对话气泡播报两类信息：通过 hooks 接收 Cursor、Codex 等本地 Agent 的实时思考、工具调用和完成事件；以及通过你自己的隧道收到的远程 Webhook 通知，比如部署状态和 CI 结果。README 里还自嘲了一句：「享受正宗的 SwiftUI 卡顿」（加了删除线）。
- GitHub
- ★7
- 官网
- aibo.fenx.work
llm-things ↗
一套大模型表情包贴纸，「Just for kicks」：有 Claude Code 回复开头那句标志性的话，有「Wait, reset again?」，有「胖猫拯救世界」，还有「龙虾千万条，安全第一条」。同时发布在 Figma 社区，是 TA 星数最多的仓库。
- GitHub
- ★618
Figma 插件：Image Stroke 与 Image Histogram ↗
Image Stroke 只做一件事：给位图生成外轮廓的矢量描边，不处理内部细节，开箱即用，支持中英文切换，适配 Figma 的明暗主题。Image Histogram 则让你在 Figma 里直接看图片直方图，并复制粘贴曝光、对比度等调整参数。两篇博客完整记录了一个设计师第一次做插件的过程。
| 其他作品 | 年份 | 说明 |
|---|---|---|
| 干饭手册 | 2026 | 第一款 iOS App，附长篇踩坑复盘 |
| LLM SVG 基准 | 2026 | 测试大模型生成 SVG 能力的平台，以宝可梦为题 |
| New Games Hub | 2026 | 每天看看有哪些新游戏 |
| steam-review-mcp | 2025 | 获取 Steam 商店评测的 MCP 服务 |
| genie-web | 2026 | 用 WebGL 网格变形在网页上复刻 macOS 经典的 Genie 动画 |
| macos-summarize-internals | 2026 | 逆向 macOS 摘要服务的 TF-IDF 算法，并用 Python 逐字节复现 |
| fenx-resume | 2026 | 把个人简历做成 Agent Skill |
个人网站研究
Design Scenes 的副标题是「Design, tech or something else to seek higher Scenes」。每篇文章带编号（#85 到 #96，外加 #SP 特别篇）和一行幽默的副标题；导航有「写作计划」「赞助墙」「友情链接」。话题标签里 UI 最多（12 篇），其次是 Dev、Game、Ghost、Product。
侧栏推荐了 The Type、安妮薇看看、歸藏的 AIGC Weekly、Ding 的 DEX 周刊，勾勒出中文设计 × 技术圈的一张地图。
| 站点 | 技术 | 特点 |
|---|---|---|
| fenx.work | Ghost 6，fly.io + Cloudflare，Mailgun 发信 | 编号长文、邮件订阅、llms.txt |
| df.fenx.work | Astro，Cloudflare，Supabase | 碎片信息流，按月归档 |
| aibo.fenx.work | — | agent-aibo 的产品页 |
写作与观点
- 2026-08-30
- 2026-08-09#95 制作我的第一款 iOS App：干饭手册
副标题：踩坑是最好的老师。
- 2026-06-07#94 如何设计测试 LLM 生成 SVG 能力的平台
全网最尊重宝可梦的 Benchmark。
- 2025-06-17
- 2025-05-06
- 2025-02-13#89 Tana 迷雾
我对 Tana 的不满之处。
TA 的标题自带幽默：「Tana 迷雾」「Paper (Alpha) 体验：祝顺利」「仅需 21600 分钟，用 AI 建立网站！」。幽默背后是设计师对细节的敏感：给 Ghost 加 llms.txt、为宝可梦设计尊重原作的评测标准、把 Genie 动画的网格变形一点点调出来。
长处与局限
| 维度 | 长处 | 局限 / 需要留意 |
|---|---|---|
| 设计 | 职业 UI 设计师，审美与细节扎实 | 作品以个人小项目为主，规模有限 |
| 动手 | 借助 AI 从插件做到原生 App，学习曲线陡峭 | 自述开发能力「随模型变强而提升」，工程深度仍在积累 |
| 写作 | 编号长文 + 碎片站，信息量大、趣味强 | 更新不定期，曾因身体原因停更 |
| 开放 | 公开工具栈、开源小项目、简历做成 Skill | 个人主页 fenx.design 目前无法访问 |
可以从 TA 身上学什么
- 设计师也可以做工具：从 Figma 插件到 iOS App，AI 让门槛降到了动手就能做。
- 公开工具栈：帮同行少走弯路，也是一种自我介绍。
- 允许停更，也欢迎回来：写作是长跑，不必一直冲刺。
- 用热爱设计评测：一个宝可梦基准，比抽象的分数更能看出模型的审美。
推荐先看这三个
- Design Fragments ↗
每天花五分钟刷一遍，就是一份高质量的设计灵感流。
- Design Scenes ↗
从 #95 干饭手册的踩坑复盘读起，看一个设计师怎样做出第一款 App。
- llm-things ↗
给你的聊天群加一套大模型表情包。
去看看 fenx 本人的作品
去 Design Fragments 逛一逛，或者在 Design Scenes 订阅 TA 的下一次折腾。
资料来源
- fenx 的 X 个人资料
- Design Scenes 博客
- Design Scenes：关于
- Design Fragments
- Design Fragments：About
- GitHub：fenxer
- agent-aibo README
- llm-things
- Design Scenes Weekly 归档
- Figma 社区：Image Stroke
本页由公开资料整理，可能存在遗漏或过时之处；以本人公开发布的信息为准。
