首页 / 视频 · ✦ 官方

新的可视化编辑器:直接在代码库中设计

Cursor · Cursor · ·2:05 ·101.6K 次观看
新的可视化编辑器:直接在代码库中设计

Cursor 官方可视化编辑器演示:选择元素、拖拽重排布局、通过对齐控件居中 div、从设计系统中交换字体和颜色令牌、调整网格布局——代理将每项更改直接应用到代码库。

完整描述

Cursor 2.2 版本随附的可视化编辑器官方指南。演示在浏览器预览中选择元素、拖拽布局重排、通过对齐控件居中 div、交换从设计系统提取的字体和颜色令牌,以及将网格从水平转换为垂直并设置最大宽度和居中。每项可视化更改都由代理转译为代码库中的实际编辑。

章节

  1. 0:00 选择元素
  2. 0:35 拖拽布局
  3. 1:10 令牌:字体和颜色
  4. 1:40 网格布局调整
在 YouTube 观看 内容托管在原发布者的网站上。
由 Cursor-Design 社区精选,作为用 Cursor 做设计的一手参考。