Mockup Designer

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

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
所有者活动
创建于2018-11-02 22:43:39
推送于2019-01-29 21:00:49
最后一次提交2019-01-29 02:05:59
发布数1
最新版本名称v0.1.0 (发布于 )
第一版名称v0.1.0 (发布于 )
用户参与
星数26
关注者数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