Back to Plugins
Menu Designer

Menu Designer

<p>An UI prototype generation tool for small IoT device LCD.</p><p><br></p><p>The current version is for internal test, only support certain resolutions and styles. Subsequent updates will optimize functionality and operational efficiency based on requirements.</p><p><br></p><h2>Usage</h2><p><br></p><p>A "frame" start by <code># Frame name</code> , and each items in frame start by <code>- </code> (note there is a space after the minus symbol)</p><p><br></p><p>Here is a basic sample:</p><pre class="ql-syntax" spellcheck="false"># Settings - General - Display - Sound &amp; vibration - Connect - Storage - About </pre><p><br></p><p>Also, we support some other syntaxes:</p><p><br></p><p>create a cell with value item on right:</p><pre class="ql-syntax" spellcheck="false">- Title / Value </pre><p><br></p><p>create a cell with switch component on right: (type <code> bool </code>on the end)</p><pre class="ql-syntax" spellcheck="false">- Title bool </pre><p><br></p><p>create a section header</p><pre class="ql-syntax" spellcheck="false">## Here is section title </pre><p><br></p><p>create a description block</p><pre class="ql-syntax" spellcheck="false">// here is descrption content </pre><p><br></p><p>Please contact me if you have any suggestions or ideas :)</p>

iotgenerationmarkdownefficiencycode-generators

Plugin Preview

Menu Designer preview

About this plugin

An UI prototype generation tool for small IoT device LCD.


The current version is for internal test, only support certain resolutions and styles. Subsequent updates will optimize functionality and operational efficiency based on requirements.


Usage


A "frame" start by # Frame name , and each items in frame start by - (note there is a space after the minus symbol)


Here is a basic sample:

# Settings
- General
- Display
- Sound & vibration
- Connect
- Storage
- About


Also, we support some other syntaxes:


create a cell with value item on right:

- Title / Value


create a cell with switch component on right: (type bool on the end)

- Title bool


create a section header

## Here is section title


create a description block

// here is descrption content


Please contact me if you have any suggestions or ideas :)

Plugin Details

Version3
CreatedApril 27, 2022
Last UpdatedApril 28, 2022
CategorySoftware development
CreatorBevis
Stats824 installs, 19 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma