Designeer

设计灵感 · 11 个工具

界面设计工具与 UI 实验室

设计界面所用的画布，加上拆解流行 UI 模式的实验室。Figma、Framer 与 Penpot 覆盖日常工作；当你想看清某个交互或组件状态该如何表现时，那些小型实验室与手册会很有用。

11 / 11

figma.com
Figma preview
Figma界面设计协作平台，与团队一起设计界面并制作原型。
framer.com
Framer preview
Framer界面设计可视化画布，设计网站后可直接发布到 web。
make.design
make.design preview
make.design界面设计AI 生成器，将文字 prompt 转化为精致的界面设计。
penpot.app
Penpot preview
Penpot界面设计开源 web 设计平台，以 SVG 为核心，在浏览器中运行。
spline.design
Spline preview
Spline界面设计基于浏览器的 3D 设计软件，内置物理引擎打造交互场景。
interfacecraft.dev
Interface Craft preview
Interface Craft界面设计一系列文章，探讨现代数字界面背后的工艺。
uilabs.dev
UI Labs preview
UI Labs界面设计一个实验室，拆解动效 UI 组件，展示其构建方式。
uiw.tf
UIWTF preview
UIWTF界面设计实验性界面范式的展示，探索 web 能力的边界。
lab01.dev
Lab01 preview
Lab01界面设计一家设计工作室发布的精致界面实验合集。
design.dev
design.dev preview
design.dev界面设计AI 辅助编辑器，用于构建与管理设计 token 及设计系统。
uiplaybook.dev
UI Playbook preview
UI Playbook界面设计一份指南，讲解 UI 组件在设计时会经历的常见状态。
界面设计工具：Figma、Framer、Penpot（11） — Designeer