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.

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.

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.

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. Simply drag and drop visual components to the design canvas and use alignment hints to get a precise layout. App Designer automatically generates object-oriented code that specifies your app’s layout and design. You can then use an integrated version of the MATLAB Editor to define your app’s behavior.

You can use GUIDE to App Designer Migration Tool to migrate your existing GUIDE apps to App Designer. 

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

Image Component

Display an image in apps and on the App Designer canvas using the uiimage function

Reflowing Apps

Create two and three panel apps that automatically resize and reflow based on the available screen space across different devices

Auto Resize

Create apps with automatic component resizing when reducing the size of an app

Table Data Performance

Use table arrays for faster rendering of data and to sort tables interactively when using the uitable function

Grid Layout Manager

Add and configure a grid layout manager on the App Designer canvas

Data Exploration

Explore data using axes toolbar and data tips in apps created with the uifigure function

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