奇思妙坦

Hi ~~

Hello, I’m Tank Xu

Product Designer/Creator

tank avatar
About Me

独立开发者与创业者,十年 SaaS 产品设计经验,负责过 CODING DevOps、Cloud Studio、Nocalhost 等开发者工具的产品与品牌设计,现在正在打造自己的 AI 产品——从设计稿到上线运维一人全包。

AI 时代的重度玩家,用 AI 把「想到」和「做出来」之间的距离压缩到几个小时:AI 应用平台、Figma 插件、网页游戏、给女儿做的硬件遥控器……相信不断创造本身就是最好的生活方式。

湖北美术学院

视觉传达设计
湖北美院官网 - 新窗口打开

20102014

腾讯云BitgetBeWater

DevOps
CODING DevOps 官网 - 新窗口打开
CeX
Bitget 官网 - 新窗口打开
Wallet
Bitget Wallet 官网 - 新窗口打开
Incubator
BeWater 官网 - 新窗口打开

20152024

My Creativity

musical-scoreProjects

轻量级零代码 AI App 构建与分享平台,输入一个想法,AI 帮你把它变成一个可以直接使用和分享的应用

AI
Product Design
Frontend
Rush Meme 交易快人一步
访问项目主页,新标签打开

2025

一键打开 CA 对应交易平台的桌面软件(macOS/Windows),抢先一步交易 meme 币,支持 Binance Wallet、OKX 等多平台

Product
Crypto
Gesture Approve 手势审批器
访问项目主页,新标签打开

2026

Vibe Coding 必备:摄像头识别手势审批 Claude Code / Codex 的命令,竖大拇指批准、伸手掌拒绝,开源 macOS 原生应用

AI
Tool
挖掘机挖球模拟器
访问项目主页,新标签打开

2026

复刻商场遥控挖掘机的 3D 网页游戏,操作与真实挖掘机一致,支持多人联机一起挖球踢球

Game
Frontend
半挂停车模拟器
访问项目主页,新标签打开

2026

卡车半挂侧方停车网页游戏,触屏、键盘、手柄都能玩,有成绩排行榜和自定义关卡地图

Game
Frontend
春晚魔术计算器
访问项目主页,新标签打开

2026

完全复刻 iOS 原生计算器 UI 的魔术道具,按魔术流程算出的结果永远是当前时间,含隐藏配置页,代码开源

Tool
Frontend
Figma 插件 Pro Editor
访问项目主页,新标签打开

2022-2025

在 Figma 里打开类 VSCode 的高级文本编辑器:多光标、高级查找替换、多个文本图层同时编辑,还能用 AI 批量改文案

Figma
Plugin
Figma 插件 Shortcuts
访问项目主页,新标签打开

2025

让 Figma 支持自定义快捷键,引入开发工具常见的 chords 组合快捷键系统,还能用快捷键运行自己编写的 Figma Scripts

Figma
Plugin
Figma 插件 Quick Commands
访问项目主页,新标签打开

2022-2025

Figma 生态最强的 Action Bar 类插件,像写 tailwind 一样用命令批量修改图层样式,支持模糊搜索、历史记录与自定义命令

Figma
Plugin
Figma 插件 Multiavatar
访问项目主页,新标签打开

2025

为开源头像项目 Multiavatar 开发的插件,一键给所有选中图层批量填充随机头像,设计稿占位头像利器

Figma
Plugin
Figma Widget Cursors
访问项目主页,新标签打开

2025

在 Figma 画布上放置各种鼠标与触摸光标的小组件,25k+ 用户

Figma
Widget
BeWater 开发者社区
访问项目主页,新标签打开

2024-2025

面向开发者的社区与黑客松平台,担任 VC Studio 产品合伙人,负责平台产品设计,并参与面向技术驱动型项目的孵化业务

Product Design
Web3
Bitget 加密货币交易所
访问项目主页,新标签打开

2023-2024

全球头部加密货币交易所,负责运营与营销侧的设计提效:开发了多个「图片模板 + 表格数据」批量生成多语言海报的 Figma 插件,离职两年后仍被各部门使用

Product Design
Figma

2015-2021

国内领先的一站式软件研发管理平台,产品包括敏捷管理、代码托管、持续集成、持续部署、自动测试、制品库、网站托管、网盘、Wiki

Product Design
Branding
Frontend

2015-2022

起步于 2014 年的云端集成开发工具。提供完整云上开发体验,支持多人协作、调试、部署

Product Design
Branding

2020-2021

CNCF Sandbox 开源项目,Nocalhost 帮助开发团队直接在 Kubernetes 集群中构建、测试和调试应用程序

Product Design
Branding
Frontend
CoCoo Studio Web 开发
访问项目主页,新标签打开

2021

CODING 设计团队 CoCoo Studio 的网站,使用 Gatsby + Tailwind CSS + Graph CMS 搭建的 React SPA。

Frontend
Figma Plugin - Pattern Fill
访问项目主页,新标签打开

2022

上线 9 个月,8.5K 用户。我的第一个 Figma 插件,将做好的图案快速填充到其它图层中。同时上线了国内的即时设计。

Figma
Figma Plugin - SF with PingFang
访问项目主页,新标签打开

2022

上线 8 个月,1.5K 用户。自动把 frame 中包含的全部文本的中文部分设置为苹方,其它部分设置为指定 SF 字体,并自动调整字距。

Figma
Figma Plugin - Scale Command
访问项目主页,新标签打开

2022

通过 Figma Quick Actions 快捷框输入缩放参数 w20、2x、50% 等实现精准缩放。

Figma
Figma Plugin - Floating
访问项目主页,新标签打开

2022

在 Figma 中让指定图片始终显示在最前面,例如需求图、参考图。

Figma

Sketch
Plugin
Sketch Library - CODING Web UIKit
oh 被你发现了,这篇文章还没写完

2019

摸索了一套在当时领先业内所有公开 Sketch Library 的 Symbol 设计和规划方法,包含大量特殊技巧使得 Component 在 Sketch Symbol 的玩法限制下尽可能达到高效使用目的。大部分组件无需解除绑定即可满足使用场景,同时预置了大量业务组件。

Design System
Sketch Plugin - SVG Insert
访问项目主页,新标签打开

2018

在 Sketch 中使用 SVG 代码导入 SVG 图片

Sketch

moto-scooterIdeas

悟空机器人手表遥控器
访问项目主页,新标签打开

2026

给 root 后的小天才手表开发的 App:Frida 注入逆向优必选悟空机器人内置服务,全屏监控画面 + 抽屉遥控卡牌,全球唯一

Hardware
Reverse
扫地机器人纸盒遥控器
访问项目主页,新标签打开

2026

纸盒 + 锡纸触摸按键 + ESP32,局域网直接下发指令遥控接入米家的扫地机器人,附网页控制台,项目开源

Hardware
IoT
@0xTClaw 私人 AI 小助理
访问项目主页,新标签打开

2026

基于 OpenClaw 搭建的私人 X 助理机器人集群,@ 它就能自动执行指令、查价格、干杂活,最多同时运行 4 台

AI
Automation
Cloudflare Worker License 管理器
访问项目主页,新标签打开

2025

跑在 Cloudflare Worker + D1 + R2 上的 license 注册分发系统,几条 wrangler 命令即可部署,是需要 Docker 的 Keygen 的轻量替代

Tool
Serverless
微信公众号 JSON 转 HTML 生成器
访问项目主页,新标签打开

2025

把 SVG 交互效果封装成 block,用 JSON 排布内容一键生成公众号推文代码,配套 Figma 切图直传公众号的脚本

Workflow
Tool
figmascript.com
访问项目主页,新标签打开

2025

以设计师友好的方式展示 Figma Plugin API 的文档网站,学习用脚本控制图层属性,内置脚本模板与生成器

Figma
Frontend
Perfect Corner Dash
访问项目主页,新标签打开

2025

用 arc-length slicing 算法生成完美圆角虚线边框的在线工具,让每个圆角都以完整虚线段收尾

Tool
Frontend
macOS IPv6 Switcher
访问项目主页,新标签打开

2025

一键检查、切换、排查 macOS IPv6 状态的小应用和脚本,免去翻设置和敲终端命令,开源免费

Tool
macOS
SCAI - Web3 Brain for Science
访问项目主页,新标签打开

2025

$SciHub 社区孵化的科研 AI 项目,用 Sci-Hub 论文数据集解决科研 AI Agent 的幻觉问题,参与产品与宣发

Web3
AI
BTC-Lottery 区块链抽奖
访问项目主页,新标签打开

2024

用未来 BTC 区块 hash 作随机种子的可验证抽奖工具,GitHub Action 到点自动开奖,公开可复现无法作弊

Tool
Crypto
五指键盘 Figma 传送门
访问项目主页,新标签打开

2022-2023

陪女儿玩时拼的五指键盘,通过 micro:bit 连接电脑,配套 Figma 插件给每个按键设定一个「传送点」

Hardware
Figma

使用 Automator + Shell Script + pngpaste 实现集成到 Finder 的 Quick Action,通过微信公众平台接口将图片批量上传到素材库,并自动复制图片链接列表到剪贴板。

Quick Action
微信公众号 SVG 推文生成器,通过 JSON 生成 SVG 代码
oh 被你发现了,这篇文章还没写完

2022

将 SVG 推文中的内容模块封装成函数放在 JS 脚本里,开发推文时只需要编排 JSON 文件,使用 VSCode Task 一键将 JSON 文件传送给 JS 脚本生成 SVG 代码,效率远超市面工具。

Workflow
Tool

2021-2025

在 Figma 中创建一个插件,插件代码由一个 Shell 脚本动态生成。使用 VSCode Tasks 或 Sublime Build System 将编辑器中编写的 Figma 脚本内容传送给 Shell 脚本,Shell 脚本更新插件代码,然后使用 AppleScript 激活 Figma 窗口并自动点击菜单栏中的插件选项实现执行插件。

Figma
Figma 脚本管理器,简单创建和使用脚本
oh 被你发现了,这篇文章还没写完

2021

Figma
Plugin
macOS Qucik Action - SVGO 一键压缩 SVG
oh 被你发现了,这篇文章还没写完

2021

在 Automator 中使用 Shell 脚本实现调用 SVGO 和预设配置,压缩Finder 中选中的 SVG 文件。

Quick Action
macOS Quick Action - 一键制作毛毛虫点读笔 DIY 贴纸
oh 被你发现了,这篇文章还没写完

2021

Automator + Shell Script + FFmpeg 实现一键将所选音频或视频转码成 MP3,复制到毛毛虫点读笔贴纸目录下。并根据目录中的编号记录把 MP3 重命名为递增编号,同时更新编号记录内容。

Quick Action
Abstract 更新时推送到企业微信
oh 被你发现了,这篇文章还没写完

2020

通过 Pipedream 订阅 Abstract Webhook,如果指定的分支、项目、文件的 Commit Message 中包含 @ 字符,就给相应的企业微信群聊机器人发送通知。

CI
Sketch
使用 CODING 托管和分享 Sketch Library
oh 被你发现了,这篇文章还没写完

2020

通过 RSS 的方式广播 Sketch Library,用 CODING 公开仓库做为 Library 文件的托管服务器,Pipedream 监听 Abstract Webhook,Abstract 存放 Library 的项目有新的分支合并时就触发 CODING CI。CODING CI 通过 Abstract API 下载新的 Library 文件,修改 RSS XML 文件中的广播内容,推送到公开仓库。Sketch 设置中订阅公开仓库中的 XML 文件地址,就回自动同步新的 Library。

CI
Sketch
macOS Quick Action - 批量自动抠人像
oh 被你发现了,这篇文章还没写完

2020

使用 Face++ 人体抠像测试接口与 macOS Automator,编写 Shell 和 JS 脚本,实现在 Finder 中一键去除所选图片的背景。

Quick Action
在 VSCode、Sublime 中实现编写和运行 Sketch 脚本
oh 被你发现了,这篇文章还没写完

2019

在 Sketch 中创建一个隐藏的插件,插件代码由一个 Shell 脚本动态生成。使用 VSCode Tasks 或 Sublime Build System 将编辑器中编写的 Sketch 脚本内容传送给 Shell 脚本,Shell 脚本更新插件代码,然后调用 sketchtool CLI 在最前面的 Sketch 窗口中执行插件。

Sketch
Sketch 脚本管理器,简单创建和使用脚本
oh 被你发现了,这篇文章还没写完

2019

基于在 VSCode Sublime 中编写和运行 Sketch 脚本的工作流,

Sketch
Plugin
超大分辨率地图图片生成器
访问项目主页,新标签打开

2017

生成器由坐标选择网站 + Alfred Workflow 组成,自动下载指定范围内的高倍率地图瓦片,使用 ImageMagick 将瓦片拼接成一张长宽分辨率过万的超大图片,以满足特定的实物地图印刷需求。

ImageMagick

使用 Karabiner-Elements 的 complex modifications 功能实现在指定软件中,使用空格作为快捷键修饰键。空格和其它按键一起按下时可触发快捷键,单独按时依然是空格。把 Figma、Sketch、Keynote、AI 的对齐快捷键设置为空格+ WASD 后,给工作增加一些游戏的乐趣。

Tool

man-surferExperiences

小天才儿童手表选购与 Root 指南
访问项目主页,新标签打开

2026

系统对比各品牌儿童手表后的选购指南,以及 root 小天才装 YouTube/微信/B站、解决发烫掉电的完整实操

Guide
Hardware
macOS 本地部署 DeepSeek-OCR
访问项目主页,新标签打开

2025

Apple 芯片 Mac 轻松本地部署 DeepSeek-OCR 模型的手把手教程,官方仓库与 LM Studio 两种方式

Guide
AI
正确加入 YouTube 家庭组的姿势
访问项目主页,新标签打开

2025

四步搞定:查准账号地区、检查锁区状态、解除锁区、用同地区网络加入家庭组

Guide
macOS ad-hoc 签名解决 Automation 权限
访问项目主页,新标签打开

2025

Electron 应用 Accessibility/Automation 权限踩坑四天,最终一条 codesign ad-hoc 签名命令解决,无需付费开发者账号

Guide
macOS
giffgaff 实体卡转 eSIM 实操
访问项目主页,新标签打开

2025

用 Postman 抓包把英国 giffgaff 实体 SIM 转成 eSIM 并写入 eSTK 虚拟卡的成功实践

Guide
$SciHub DeSci 社区
访问项目主页,新标签打开

2024-2025

支持 Sci-Hub 开放科学运动的 DeSci 社区,深度参与发起与运营:白皮书、Logo 设计、AMA 系列节目、线下活动物料

Web3
Community
Sol 靓号生成指南
访问项目主页,新标签打开

2024

用 Solana CLI 生成指定开头的靓号钱包地址,并转换成 Phantom 可导入的私钥格式

Guide
Crypto
在 VSCode 中编辑 Airtable 中的文章
oh 被你发现了,这篇文章还没写完

2022

我使用 Airtable 作为博客的数据源,通过 VSCode 自定义 Task 功能,实现了将 VSCode 中编写的文章快捷更新到 Airtable 指定的多行文本数据。

Workflow
在网页上自动播放透明视频
oh 被你发现了,这篇文章还没写完

2021

透明视频需准备 VP8/VP9 和 HEVC 编码的视频文件,使用 AE 导出带 Alpha 通道的视频然后使用 FFmpeg 默认的 VP8/VP9 和 hevc_videotoolbox codec 转码成 WebM 和 MOV 视频

FFmpeg
使用 Style Dictionary 管理 Design Token
oh 被你发现了,这篇文章还没写完

2020

在 CODING UIKit 中使用 Style Dictionary 管理 Design Token 并自动生成 scss 文件

Design System
通过 git 恢复 Abstract 误删分支
oh 被你发现了,这篇文章还没写完

2019

Abstract 使用 Git 存储文件,分支被删时可以使用 Git 恢复分支的方式恢复 Abstract 误删分支的数据

Git

本站由 Astro + Tailwind CSS + MDX 驱动,代码开源

love-letter
Mail: hellotank@qq.com
national-park
Instagram
floppy-disk
GitHub
newspaper
Figma Community