Contents
  1. 1. sketch-builder 雲端原型工具 Beta1.0
  2. 2. 功能縮圖
  3. 3. Future works

sketch-builder 雲端原型工具 Beta1.0

繼雲端原型工具開發筆記系列文

第五篇主要是簡單的beta1.0 成果展示

如果未來有空會陸續更新:
sketch-builder 雲端原型工具:
https://mike-zheng.github.io/sketch-builder


功能縮圖

  1. screen 版面配置
    screen 版面配置

  2. 版面 grid 調整
    版面grid調整

  3. 編輯器縮放
    編輯器縮放

  4. 加入元件 移動 縮放
    加入元件 移動 縮放

  5. 多選縮放與拖曳
    多選縮放與拖曳

  6. 對齊線
    對齊線

  7. undo redo
    undo redo

  8. 元件對齊
    元件對齊

  9. 參考線
    參考線

  10. context menu 與複製
     context menu與複製

  11. 群組功能
     群組功能

  12. 圖層 order 功能
     圖層

  13. 十字線 與對齊線
     十字線 與對齊線

  14. export
     export


Future works

在beta版本中確實還有許多想做但卻還完成的部分,先保留著未來有空會慢慢補上

Future works:

  • Preview

  • 更多的元件

    • text
    • image
    • 矩形
    • 圓形
  • 雲端元件

  • 元件旋轉功能

以上就是這系列的開發專案文

如果未來有空會陸續更新:
sketch-builder 雲端原型工具:
https://mike-zheng.github.io/sketch-builder


雲端原型工具開發筆記系列文

Comments