![Subframe-image-0](https://product-list.sfo3.digitaloceanspaces.com/products/subframe/images/284c4bef-b896-40e4-8eac-4a658df1f58b.jpeg)
![Subframe-image-1](https://product-list.sfo3.digitaloceanspaces.com/products/subframe/images/a7de94dd-14eb-4325-a164-93bb19720f98.jpeg)
![Subframe-image-2](https://product-list.sfo3.digitaloceanspaces.com/products/subframe/images/c562c490-cad6-499f-839f-fbdc94ebbd3e.jpeg)
![Subframe-image-3](https://product-list.sfo3.digitaloceanspaces.com/products/subframe/images/2c717deb-dda7-4921-9665-caa4364605c9.jpeg)
![Subframe-image-4](https://product-list.sfo3.digitaloceanspaces.com/products/subframe/images/919369c4-6a78-4821-b3ac-3d51183c9ae8.jpeg)
描述
Subframe是一个视觉UI编辑器,可以让您快速构建UI,拥有精美设计的组件。它提供拖放功能、生产就绪的代码以及个性化的模板,以满足您的需求。通过Subframe,您可以使用真实组件进行设计,实时协作,并利用设计令牌实现一致性。它受世界一流产品的启发,基于React和Tailwind等开源技术构建。
如何使用 Subframe?
要使用Subframe,只需在直观的响应式画布上拖放组件。利用内置的设计令牌实现一致性,并将设计导出为代码。与团队实时协作,并自定义模板以适应项目的需求。
核心功能 Subframe:
1️⃣
拖放式视觉编辑器
2️⃣
实时协作
3️⃣
自动布局
4️⃣
设计令牌
5️⃣
精美模板
为什么要使用 Subframe?
# | 使用案例 | 状态 | |
---|---|---|---|
# 1 | 快速构建UI | ✅ | |
# 2 | 设计和发布整个UI | ✅ | |
# 3 | 发布下一个UI | ✅ |
定价 Subframe:
免费
使用我们的核心设计系统构建下一个项目。包括开源组件、自定义主题和访问社区Slack。
专业版
$29/用户/月
使用Subframe设计和发布整个UI。包括拖放式UI编辑器、将设计导出为代码、自定义组件和数百个模板。
开发者 Subframe?
Subframe由一组对简化UI设计流程并赋予用户高效构建美观界面的工具充满热情的设计师和开发人员开发。