首頁 / 影片 · ✦ 官方

全新視覺編輯器:直接在程式碼庫中設計

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 做設計的第一手參考。