10月20日星期二
Studiolo 把 Claude Code 的 MCP 接到本机可编辑画布再导出 React；案例保留墨鱼会员中心、厨菜记虚拟支付与 Shoppex 后台结账，并带 inspire：Keyline v2／Carely。本版按新鲜度硬卡与同类压缩定稿。
Studiolo：本机画布＋Claude Code MCP，共改图层再导出 React
Studiolo（前称 Plume）是面向 Apple Silicon 的免费本机设计编辑器：Claude Code 经 MCP 描述界面后，以可编辑 frame／组件／Auto Layout／变量落画布；你与 Claude 共享文档与撤销栈，成品可导出 React 与 CSS 变量。官网 Version 0.2.0；聚合源记 10-17 上线。
交互与体验3
-
墨鱼会员中心：从账号管理到「概览＋分区」空间
10-18 墨鱼部落格发布会员中心重设计：旧版信息架构扁平、状态反馈弱、前后台视觉割裂，移动访问已过半。新版「概览＋分区」——首屏掌握关键信息、高频功能一屏可达，导航按任务域划分并按会员角色动态显示。
moyubuluo.com
-
厨菜记：虚拟支付会员须查单幂等后再发权益
10-13 掘金复盘「厨菜记」上线微信小程序虚拟支付会员：双签名不可下发前端；支付成功后以 query_order 查单＋CAS 幂等发放，不靠回调直接放行。文内写明错误码、档位权益与 iOS IAP 门槛。
juejin.cn -
Shoppex 2.0：商家后台首页、订单行与渐进式结账重做
10-09 Shoppex 发布 2.0：Home 展示「今日收入 vs 昨日同时」与实时在店／购物车／结账人数；缺货已付款单直接问手工交付还是退款。结账先要邮箱再列支付方式，地址等字段按需出现；订单页把客户／支付／交付／风控排成一行。
shoppex.io
设计系统与案例2
-
Figma 设计库 Guidelines：给 Agent 挂 Markdown 规范与反模式
Config India（10-15）起，付费计划可向已发布设计库上传 .md／.txt／.json Guidelines（合计≤200 KB）。启用该库时 Agent 出设计会自动注入模式、反模式、语义色与间距约定。与画布上的 Specs 不同：Guidelines 绑在库上。
figma.com 等 2 个来源
-
Mintlify Mentha：用约束与交互规则给设计系统「预判」
10-12 Mintlify 介绍新设计系统 Mentha：砍掉过多尺寸／变体；把 hover 只表达可交互、不藏操作等规则写进系统；品牌绿拆出更冷的 mint 色阶以免与成功态混淆；并加入四级阴影，面向 agent 共建。
mintlify.com
AI 与创作1
工具与素材2
-
Keyline Icons v2.0.0：72 个新图标（括号／正字计数／形状）可进稿
10-18 Keyline Icons 发布 v2.0.0：新增 72 个绘制，全集 1,507 名称×四式×圆角／尖角共 12,056 SVG。本版重点含开合括号、正字 tally、几何形状、折返箭头与 plug-zap／nfc／workflow 等。MIT 可商用无需署名。
keylineicons.com -
Carely：免费医疗／健康产品 Figma UI Kit 与设计系统
10-06 Flavia Foiato 在 Figma Community 发布 Carely Community Edition：把 foundations、semantic variables、组件与 healthcare 专属 pattern 串起来，覆盖疼痛等级、专科选择、约时段、随访与支付复核等流程；无障碍写进 labels／状态／文案。可免费 duplicate。
figma.com 等 2 个来源
