欢迎回来
登录你的知识库账户
忘记密码?
还没有账户?立即注册
创建账户
注册你的专属知识库
已有账户?去登录
找回密码
输入注册邮箱获取验证码
返回登录
请输入图片中的验证码以继续注册
加载中...
取消
新建收藏
手动添加你喜欢的内容
取消
编辑头像与昵称
上传新头像或修改你的显示昵称
支持 JPG/PNG,最大 2MB
取消

问题反馈

notebasewww.notebase.cn
控制台
内容库
动态
管理
账户
U
用户
--
在线
v0.8.7 · 知识库
笔记
KnowledgeBase
网络无边,知识有迹。
0笔记
0工具
30推荐

分类导航

按主题直达

编辑精选

站内用户贡献 · 真实笔记

最新收录

每日更新
继续浏览全部内容 →
>
笔记
0
加载中...
工具
0
此页用于记录用户反馈问题后的每一次改进
笔记用法

“写笔记”支持四种格式——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版,但桌面客户端支持离线缓存、本地字体加载,推荐经常做设计的装一个。

安装方法

  1. Web版:打开官网,点右上角“Get started”,注册账号(支持Google/GitHub/邮箱),注册完直接进入编辑界面,零安装。
  2. 桌面版:Windows下载.exe安装包,Mac下载.dmg文件,双击安装。Mac用户注意:M1/M2芯片建议装Apple Silicon版本,Intel芯片装Intel版,别搞混。
  3. 移动端:iOS/Android有Figma Mirror(预览用)和Figma(轻度编辑),但主力还是电脑。
  4. 插件安装:在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”,生成链接,设置权限(查看/编辑/评论)。
  • 同事点链接就能看,评论会以气泡形式显示在画板上,直接@人回复。
  • 多人同时编辑时,每个人头像会显示在光标位置,改什么一目了然。

进阶技巧(可选)

  1. 自动布局(Auto Layout)
    这是Figma的神技。选中一个组,按 Shift+A 开启自动布局,里面的元素会自动按方向排列,间距、边距、换行都能调。做按钮、列表、卡片时,加文字或删图片,布局自动重排,再也不用手动对齐了。

    • 技巧:嵌套自动布局,比如一个卡片容器(垂直排列)里面套一个按钮行(水平排列),改外层内边距,所有子元素跟着动。
  2. 组件属性(Component Properties)
    Figma 2023开始支持组件属性,类似代码里的props。比如做一个按钮组件,你可以定义“文字内容”“图标开关”“状态(默认/悬停/禁用)”为属性。用的时候直接在右侧面板改文字、切状态,不用进组件内部改。

    • 操作:选中组件,右侧“Component properties”面板点“+”添加属性,类型选“Text”、“Boolean”或“Instance swap”。
  3. 变量与设计令牌(Variables)
    做大型项目时,颜色、间距、字号最好统一成变量。选中一个颜色值,右键“Create variable”,命名(比如“primary-blue”)。之后所有使用这个颜色的地方,改变量值就全局更新。

    • 进阶:用变量做主题切换。比如定义一组“light”变量和一组“dark”变量,通过组件属性切换主题,Figma会自动重绘所有引用。
  4. 插件推荐

    • Unsplash:直接拖入免费高清图,不用下载。
    • Iconify:上万图标库,搜名字直接拖。
    • Content Reel:一键填充假文本、头像、姓名,做演示稿超快。
    • Remove BG:抠图插件,选中图片一键去背景。
  5. 组件库共享
    团队可以建一个公共组件库文件,在“Assets”面板里点“Publish library”,其他成员在“Assets→Library”里启用。这样所有人用的按钮、图标、颜色都来自同一个源,改一个同步到所有文件。

最后说几句
Figma的生态已经非常成熟,从设计到原型到交付,一条龙。如果你还在纠结“学Sketch还是Figma”,直接选Figma吧——它不只是工具,更是一种工作流。而且免费版没有功能阉割,只是限制了项目数和历史版本,对个人项目完全够用。

对了,Figma最近推出了Figma AI(测试中),能自动生成UI、替换文字、整理图层,虽然还没完全开放,但趋势很明显——设计工具正在变得更智能。趁现在上手,不亏。

编写使用方法
Markdown 格式 · Ctrl+Enter 确定
新建笔记
预览
数据表格
点击单元格编辑 · Tab 移动
A1fx
Sheet1
BIH1H2≡🔗</>
隐私提醒

取消
编辑工具
取消