App Designer

Create desktop and web apps in MATLAB

App Designer lets you create professional apps without having to be a professional software developer.

Drag and drop visual components to lay out the design of your graphical user interface (GUI) and use the integrated editor to quickly program its behavior.

Share your apps using MATLAB Drive™, or by creating standalone desktop or web apps with MATLAB Compiler™.

App Designer is the recommended environment for building apps in MATLAB®

App Building

Use an integrated environment to lay out the user interface and write the code for your app’s behavior.

Building Your App

App Designer integrates the two primary tasks of app building – laying out the visual components of a graphical user interface (GUI) and programming app behavior. It is the recommended environment for building apps in MATLAB.

If you have existing apps built in GUIDE*, you can use GUIDE to App Designer Migration Tool for MATLAB to migrate your existing GUIDE apps to App Designer.

* GUIDE will be removed in a future release.

Design a User Interface

Drag and drop visual components to the design canvas and use alignment hints to get a precise layout. App Designer automatically generates the object-oriented code that specifies the app’s layout and design. You can also use auto-reflow options to make your app responsive to different screen sizes, without having to write complex resizing logic.

Use the Design View in App Designer to layout the user interface of your app.

Define App Behavior

Use the integrated version of the MATLAB Editor to define your app’s behavior. App Designer can automatically check for coding problems using the Code Analyzer. You can view warning and error messages about your code as you’re writing it, and modify your app based on the messages.

Define your app’s behavior using the Code View in App Designer.

App Components

Build modern, full-featured applications using the rich set of components and custom interactions available in App Designer.

Component Library

Build apps with standard components such as buttons, check boxes, trees, and drop-down lists. App Designer also provides controls such as gauges, lamps, knobs, and switches that let you replicate the look and actions of instrumentation panels. You can also use container components, such as tabs, panels, and grid layouts to organize your user interface.

App Designer’s Component Library allows you to easily drag and drop components into your app.

Component Interactions

Add component callbacks and custom mouse and keyboard interactions that execute when a user interacts with your app. Use 2D and 3D plots, as well as tables, in your app to allow users to interactively explore data.

Example app in App Designer using a hierarchical tree to display patient information.

App Sharing

Share apps with other users – even if they don’t have MATLAB.

Share Apps with Other MATLAB Users

Package any MATLAB app into a single file that can be easily shared with other users using MATLAB Desktop and MATLAB Online. When you package an app, MATLAB creates a single app installation file (.mlappinstall). The installation file enables you and others to install your app and access it with a single-click from the apps gallery.

You can then share your app with other MATLAB users through MATLAB Online and MATLAB Drive, allowing them to run and collaborate on your app design by extending permission to edit your files. 

Creating a packaged app to share with other MATLAB users.

Create Standalone Desktop and Web Apps

Create standalone applications using MATLAB Compiler and share them royalty-free with other users. You can package your apps as web apps and share them via a unique URL allowing users to access them directly from their browser without installing any additional software.

Web app compiler, which allows you to share apps with other users using a unique URL.

Latest Features

uitable and uistyle Functions

Sort tables interactively and create styles for rows, columns, or cells in a table UI component

uigridlayout Function

Configure grid rows and columns to automatically grow and shrink to fit text across different screen sizes and form factors

uihtml Function

Add HTML, JavaScript, or CSS content to apps

Layout Management

Add a grid layout manager to existing App Designer apps and/or convert them into an auto-reflowing app

See the release notes for details on any of these features and corresponding functions.