CSS Grid Generator

cssgrid-generator.netlify.app

一个开源在线工具，通过可视化操作快速生成 CSS Grid 布局代码。

开源HTML/CSS网页

被推荐 1 次

适合做什么

适合前端开发者和设计师快速创建和调试 CSS Grid 布局，无需手写代码。

授权

技术栈

平台

@bradtraversy/design-resources-for-developers · awesome 列表出处 ↗

CSS Grid Generator An open-source project that allow users to quickly create dynamic layout based on 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 处推荐详情