Layoutit Grid

grid.layoutit.com

在线可视化 CSS Grid 布局生成器，拖拽设计网格并导出 HTML/CSS 代码。

免费HTML/CSS落地页网页浏览器

被推荐 2 次

适合做什么

适合前端开发者和网页设计师快速搭建 CSS Grid 布局，学习网格语法。

授权

技术栈

用途

平台

UI 设计软件

浏览器端协作界面设计工具，支持实时协作、原型与开发交付，团队首选。

免费+付费

figma.com6 处推荐详情

UI 设计软件

Mac 平台矢量 UI 设计工具，专注设计、原型与协作交付，由设计师为设计师打造。

付费

sketch.com1 处推荐详情

UI 设计软件

Mac 平台上的专业 UI 设计工具，支持矢量编辑、原型制作与实时协作。

付费移动 App

sketchapp.com2 处推荐详情

原型与交互

Facebook 出品的免费交互原型设计工具，支持 Figma/Sketch 导入，可视化连线制作高保真原型。

免费

origami.design3 处推荐详情

原型与交互

Mac/iPad/iPhone 上的专业图表与线框图工具，擅长快速绘制流程图、信息架构和矢量图形。

付费

omnigroup.com1 处推荐详情

UI 设计软件

Sketch 官方开发者平台，提供 JavaScript API、插件开发与命令行工具，用于扩展和自动化设计工作流。

免费

developer.sketchapp.com1 处推荐详情