tovi.fun/blog

用 vibe coding 重构这个小站
2026年3月16日 4分钟读完 这两天我用 vibe coding 把很久没动过的小站重构了一遍。从设计、结构到一堆细节回归,这次我更明显地感受到:设计师已经可以把审美直接推进到成品里。
复杂产品拼的是结构
2024年4月25日 3分钟读完 很多复杂产品的问题最后都表现成界面问题,但真正的源头往往更早。概念没分清、对象关系没讲明、流程和权限没梳理好,界面只能被迫替系统兜底。
产品做得好,靠的是把交换做顺
2023年9月29日 4分钟读完 把产品看成功能清单,视线会越来越低。换个角度,很多判断会清楚很多: 用户每次使用产品,都在拿时间、注意力、耐心和风险去换某种价值。产品做得好不好,常常取决于这笔账算得值不值。
PaintCode实践 —— 多色图标
2020年2月14日 3分钟读完 为了后面介绍起来我们能够理解一致,首先简单解释几个东西。
假如 Figma 收了 PaintCode 🤔
2019年9月29日 3分钟读完 Figma 一直致力于设计那些能提升设计师效率的功能,比如 Team Library、Styles 和 Plugin。
设计中的全局样式
2019年9月25日 3分钟读完 2018 年左右,Figma 推出了全局 Style 的功能,让颜色、字体和效果可以在设计中重复使用。
我的动效设计经验
2019年7月11日 6分钟读完 这篇文章不是讲酷炫的 MG 动画,而是我在 App 和网页中的控件和图标等的一些动效经验。

tovi.fun/blog

Rebuilding This Little Site with Vibe Coding
Mar 16, 2026 4 min read Over the past two days, I rebuilt this neglected site with vibe coding. From structure to visual polish, it made one thing even clearer to me: designers can now push taste directly into the final product.
On Complex Products, Structure Matters More Than Interface
Apr 25, 2024 3 min read A lot of complex-product problems end up looking like interface problems, but the real source usually sits further upstream. When concepts, object relationships, flows, and permissions are not clear, the interface is forced to carry the weight of the whole system.
What Good Products Really Do Is Make the Exchange Feel Worth It
Sep 29, 2023 4 min read If you treat a product as a list of features, your view gets progressively flatter. A better angle is to see each use of a product as an exchange: users spend time, attention, patience, and risk to receive some kind of value. Product quality often comes down to whether that exchange feels worth it.
PaintCode Practice: Multicolor Icons
Feb 14, 2020 2 min read To make sure we are aligned before getting into the main topic, I want to briefly clarify a few terms first.
What If Figma Acquired PaintCode?
Sep 29, 2019 2 min read Figma has always focused on features that improve designer efficiency, from Team Library to Styles to Plugins.
Global Styles in Design
Sep 25, 2019 3 min read Around 2018, Figma launched global Styles, which made colors, type, and effects reusable across a design.
My Experience with Motion Design
Jul 11, 2019 4 min read This post is not about flashy MG animation. It is a summary of the motion design experience I use in controls, icons, and interface details for apps and websites.