0

Mockup Designer

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

Github repo
Main metrics

Github stars Tracking Chart

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


基于本地存储的模拟工具

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

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

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

Overview

Name With Ownerendo64/mockup
Primary LanguageRed
Program languageShell (Language Count: 1)
PlatformCross-platform, Linux, Mac, Windows
License:MIT License
Release Count1
Last Release Namev0.1.0 (Posted on )
First Release Namev0.1.0 (Posted on )
Created At2018-11-02 22:43:39
Pushed At2019-01-29 21:00:49
Last Commit At2019-01-29 02:05:59
Stargazers Count25
Watchers Count5
Fork Count2
Commits Count22
Has Issues Enabled
Issues Count1
Issue Open Count1
Pull Requests Count0
Pull Requests Open Count0
Pull Requests Close Count0
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private

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

To the top