“写笔记”支持四种格式——Word 文档、Excel 表格、Markdown、纯文本,起稿或二次编辑时都能随时切换,同一篇笔记想用哪种形态来记,都由你说了算。
md、txt、csv、json 这类纯文本则原样载入,不做多余加工。拿一张现成的表倒进来、改几笔、再导出去,等于白用一台免费的格式转换器。
要带走就在右上角点“下载”,可导出 PDF、Word、Markdown、Excel、TXT 等格式;列表卡片“⋯”菜单里,也有同样的下载入口。
在“工具”页点“+ 上传工具”即可发布:填好名称与链接,再用 Markdown 把使用方法写清楚——能解决什么问题、怎么装、怎么用,比堆介绍实在。
要分发安装包就一并上传压缩包(ZIP、RAR、7Z、TAR.GZ,最大 35MB),别人在详情页一键下载;只放链接不带附件也可以。
工具按大家的收藏热度排序,好用的自然会被顶上来。发布后可在详情页或卡片菜单里编辑、下架。
写笔记时勾上“隐藏”,这篇就只存在于你自己的账号里:不进列表、不进搜索、不上首页精选,也不会出现在任何公开的页面,链接发给别人同样打不开。
适合放密码、草稿、日记这类只给自己看的内容;想公开,去“发布”打开它,把“隐藏”的勾去掉再保存,之后编辑会默认保持原状态,不会悄悄变回公开。
你的内容会同时保存在多个副本上,系统定期做备份与完整性校验,再配合异地容灾机制:就算某台机器出问题,数据也不会丢,可以长期放心存放;特别重要的资料,仍建议你另外再留一份备份。
全站跑在容器化、模块化的现代架构上,更新、部署、回滚都很快,扩展性和稳定性都按长期运营的标准来设计(Built for reliability, designed to scale)。
这个网站最早只是一个人的笔记仓库,后来慢慢长成现在的知识中枢。设计上很克制——没有广告、没有追踪、没有推荐算法,只是干干净净地存放一些东西;既然做好了,就公开出来,万一有人用得上呢。
不做大而全,不做平台梦,保持简单、保持克制、保持好奇。所有内容都由用户贡献、由用户维护:不会突然冒出付费墙,不会在角落塞广告位,也不会把你的数据卖给第三方。
产品会持续迭代,站内日志页记录着每一次改动,改了什么都有迹可循;想了解这个站是怎么一步步走到今天的,翻翻日志就能看到来龙去脉。
如果在这里看到涉嫌违规的内容,点对应卡片右侧的“举报”按钮就能提交,我们会尽快核实处理;也谢谢你花一点时间,一起把这里维护干净。
Figma
Figma — 一款基于浏览器的UI设计工具,解决团队协作与跨平台设计问题。
Figma 这几年火得不行,几乎成了UI/UX设计的“标配”。说实话,我第一次用的时候还挺抵触的——一个跑在浏览器里的设计软件能有多靠谱?结果用了一周就真香了。它最牛的地方不是画图多快,而是你打开浏览器就能用,不用装啥客户端(当然也可以装),改完直接发个链接给同事,他们点进去就能看、能改、能评论,连版本都自动存好了。这玩意儿彻底治好了我“发设计稿-收反馈-改稿-再发”的循环焦虑。
如果你还在用Sketch+蓝湖+Zeplin那一套,或者被Adobe的订阅费搞得肉疼,Figma绝对值得试试。它免费版对个人和小团队已经非常够用,付费版主要是解锁无限项目、高级权限和团队组件库这些企业级功能。
下载方式
官网直接开搞:Figma官网
桌面客户端(可选):Figma Desktop
注意:Figma主推Web版,但桌面客户端支持离线缓存、本地字体加载,推荐经常做设计的装一个。
安装方法
- Web版:打开官网,点右上角“Get started”,注册账号(支持Google/GitHub/邮箱),注册完直接进入编辑界面,零安装。
- 桌面版:Windows下载.exe安装包,Mac下载.dmg文件,双击安装。Mac用户注意:M1/M2芯片建议装Apple Silicon版本,Intel芯片装Intel版,别搞混。
- 移动端:iOS/Android有Figma Mirror(预览用)和Figma(轻度编辑),但主力还是电脑。
- 插件安装:在Figma编辑器里点左上角菜单→Plugins→Browse plugins,搜关键词安装,比如“Unsplash”直接拖图片。
基础使用教程
第一步:创建文件
登录后点“New file”,你会看到一个空白画布(Canvas)。左侧是图层列表,右侧是属性面板,中间是画板(Frame)。Figma里没有“画布大小”概念,你可以在画布上放任意多个画板,每个画板相当于一个页面或设备尺寸。
第二步:画板与形状
- 按
A键调出Frame工具,右侧属性面板里有预设尺寸(iPhone 14、Web 1920等)。 - 用
R画矩形,O画圆形,L画直线。选中形状后,右侧面板改颜色、圆角、阴影。 - 按住
Alt拖拽复制,Ctrl+D重复上次操作,Shift约束等比缩放。
第三步:文字与组件
- 按
T打字,右侧面板选字体、字号、行高。Figma内置了Google Fonts,也可以装本地字体(桌面端)。 - 选中多个元素,右键“Create component”(或
Ctrl+Alt+K),组件会出现在左侧“Assets”面板。改组件实例,所有引用同步更新——这是Figma做设计系统的核心。
第四步:原型与交互
- 右上角切换到“Prototype”选项卡。
- 选中一个按钮,右侧拖出连线到另一个画板,选触发方式(点击、悬停等)和动画(淡入、滑动等)。
- 点右上角“Present”预览原型,手机端可以用Figma Mirror扫码看真实效果。
第五步:协作与分享
- 点右上角“Share”,生成链接,设置权限(查看/编辑/评论)。
- 同事点链接就能看,评论会以气泡形式显示在画板上,直接@人回复。
- 多人同时编辑时,每个人头像会显示在光标位置,改什么一目了然。
进阶技巧(可选)
自动布局(Auto Layout)
这是Figma的神技。选中一个组,按Shift+A开启自动布局,里面的元素会自动按方向排列,间距、边距、换行都能调。做按钮、列表、卡片时,加文字或删图片,布局自动重排,再也不用手动对齐了。- 技巧:嵌套自动布局,比如一个卡片容器(垂直排列)里面套一个按钮行(水平排列),改外层内边距,所有子元素跟着动。
组件属性(Component Properties)
Figma 2023开始支持组件属性,类似代码里的props。比如做一个按钮组件,你可以定义“文字内容”“图标开关”“状态(默认/悬停/禁用)”为属性。用的时候直接在右侧面板改文字、切状态,不用进组件内部改。- 操作:选中组件,右侧“Component properties”面板点“+”添加属性,类型选“Text”、“Boolean”或“Instance swap”。
变量与设计令牌(Variables)
做大型项目时,颜色、间距、字号最好统一成变量。选中一个颜色值,右键“Create variable”,命名(比如“primary-blue”)。之后所有使用这个颜色的地方,改变量值就全局更新。- 进阶:用变量做主题切换。比如定义一组“light”变量和一组“dark”变量,通过组件属性切换主题,Figma会自动重绘所有引用。
插件推荐
- Unsplash:直接拖入免费高清图,不用下载。
- Iconify:上万图标库,搜名字直接拖。
- Content Reel:一键填充假文本、头像、姓名,做演示稿超快。
- Remove BG:抠图插件,选中图片一键去背景。
组件库共享
团队可以建一个公共组件库文件,在“Assets”面板里点“Publish library”,其他成员在“Assets→Library”里启用。这样所有人用的按钮、图标、颜色都来自同一个源,改一个同步到所有文件。
最后说几句
Figma的生态已经非常成熟,从设计到原型到交付,一条龙。如果你还在纠结“学Sketch还是Figma”,直接选Figma吧——它不只是工具,更是一种工作流。而且免费版没有功能阉割,只是限制了项目数和历史版本,对个人项目完全够用。
对了,Figma最近推出了Figma AI(测试中),能自动生成UI、替换文字、整理图层,虽然还没完全开放,但趋势很明显——设计工具正在变得更智能。趁现在上手,不亏。