0

Mockup Designer

使用本地存储作为后端的模型工具。（The mockup tool that uses your local storage as backend.）

Github 資源庫
主要指標

Github星跟蹤圖

原repo消失了，找了一个类似的repo：https://github.com/endo64/mockup


基于本地存储的模拟工具

它使用浏览器的本地存储作为后端。 但是，数据层是松散耦合的，因此您可以与任何RESTful API或任何后端服务集成。

使用Backbone，Backbone-LocalStorage和Html2Canvas构建。

演示
贡献者
  • 安德烈米拉斯

概覽

名稱與所有者endo64/mockup
主編程語言Red
編程語言Shell (語言數: 1)
平台Cross-platform, Linux, Mac, Windows
許可證MIT License
發布數1
最新版本名稱v0.1.0 (發布於 )
第一版名稱v0.1.0 (發布於 )
創建於2018-11-02 22:43:39
推送於2019-01-29 21:00:49
最后一次提交2019-01-29 02:05:59
星數25
關注者數5
派生數2
提交數22
已啟用問題?
問題數1
打開的問題數1
拉請求數0
打開的拉請求數0
關閉的拉請求數0
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?

Mockup Designer

Mockup Designer is probably the smallest and easiest mockup tool ever made. It is just one portable executable file with no dependencies, requires no installation, supported on both Windows and MacOS (and soon it will be available on Linux too).

You can express your UI design ideas to your customers or development team by drawing a mockup using Mockup Designer less than a minute.

Here you can see an example image made with Mockup Designer:

[MockupDesigner]

It's simplicity comes from the programming language used to develop it: https://red-lang.org

It is strongly inspired from Mockup Designer from Fatih Erikli (https://github.com/fatiherikli/mockup-designer)

Features

  • It supports 8 widgets: Label, Field, Button, Combobox, Radiobox, Checkbox, Table and Image.
  • Loading and saving project in a human readable format. You can even create or edit project files, or even generate!
  • Saving as PNG image

Shortcuts

Widget shortcuts

Press below number keys to create respective widgets.

  1. Label
  2. Field
  3. Button
  4. Combobox
  5. Image / Content
  6. Radiobox
  7. Checkbox
  8. Table

Other shortcuts

  • Arrow keys to move the selected widget
  • CTRL-L, to load a project
  • CTRL-S, to save project
  • CTRL-SHIFT-S to save as PNG image
  • F2 (or Right click) to edit widget text
  • D to duplicate selected widget
  • DELETE to delete selected widget
  • SHIFT-DELETE to delete all widgets
  • ESC to quit the program

You can also CTRL-Click to move to front and SHIFT-Click to toggle radiobox or checkbox state.

When you right click on table widget you can set the number of columns and rows, and the column headers.

原库消失了！换了一个替代品。

Local-storage based mockup tool

It uses local storage of your browser as backend.
However the data layer is loosely coupled,
so you can integrate with any RESTful API or any Backend service.

Built with Backbone, Backbone-LocalStorage and Html2Canvas.

Demo

http://fatiherikli.github.com/mockup-designer/

Contributors

去到頂部