# \[Pro\]\[Test\] Mobile Advance Flow Editor (MAFE)

**URL:** https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363
**Category:** Apps
**Tags:** app, tools, homey-pro, advancedflow
**Created:** [April 29, 2026, 8:35pm UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363 "2026-04-29T20:35:59Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Kyle\_Michiels](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kyle_michiels/32/120769_2.png) [@Kyle\_Michiels](https://community.homey.app/u/Kyle_Michiels)
#### Post date: [April 29, 2026, 8:35pm UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/1 "2026-04-29T20:35:59Z")

</div>

**MAFE - Mobile Advanced Flow Editor**

Hi everyone,

I’ve been working for a while on a small Homey app called **MAFE** , short for **Mobile Advanced Flow Editor**. My goal was simple: make Homey Advanced Flows easier to inspect and edit from a mobile device.

Advanced Flows are great on desktop, but on a phone or tablet they can be hard to navigate. MAFE tries to solve that by hosting a local web editor directly from your Homey Pro, so you can open it in your browser on the same network and work with your flows in a more mobile-friendly way.

**Setup**  
Very important

**Step 1 Generate a new key**  
In any browser go to my.homey.app login, go to settings and go to API-Keys and create a new one with all permissions.

 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/e/b/ebc50dc590a3ccfc904244a482923f9c5604a84a.jpeg)

**Step 2**  
Copy the key to the app settings.

 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/6/968da599d075a02bbaa6ba810121dccd4991e82d.png)

This allows the app to actually save.

Roughly how it works:

 ![branch-view](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/d/3/d364b22f0a169334c6570f19a75d099a4db6c507.png)  
The Homey app runs a small local web server on your Homey Pro. You open MAFE from your browser, usually via [http://mafe.local:8080/](http://mafe.local:8080/), and the interface talks back to Homey locally. This avoids cloud login/OAuth issues and keeps editing local to your Homey.

MAFE has two main views:

- A desktop-style canvas view for larger screens
- A mobile branch/tree view for phones and tablets

Desktop/Tablet

 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/0/90a09f75b3c6e9f8dea4a55b635b0c0aa473c8d0.png)  
Mobile  
 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/8/3/835ba2b914923d3bb7d640ed76b76d52be853d5c.png)

Current features include:

- View Homey Advanced Flows
- Mobile-friendly branch/tree flow view
- Desktop canvas flow view
- Edit card arguments
- Replace cards
- Add new cards
- Delete cards
- Move cards in chains
- Save changes back to Homey
- Run an Advanced Flow
- Color picker support for color arguments
- Color swatches shown on cards
- English and Dutch interface support
- Local Homey-hosted editing through the app

 ![add-cards](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/a/1a698e555e80dfd4ff85dbf01fa19249e92bd31a.png)  
 ![add-cards-2](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/8/9/8936e3f792563e15fca246c8606efb0357ef737a.png)  
 ![add-cards-3](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/7/97c7bd2a5125b407380902509d964efce406f125.png)  
 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/2/12decf5d5615f8ffea38f7bdc3dae7111b36aae5.png)  
 ![mafe-four](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/2/1/218a5f23f6d471e003e9e41caa053447f39f57a3.png)

**How to open MAFE**

After installing the app, open the app settings in Homey. The settings page shows the local addresses where MAFE is available.

In most cases you can use:

[http://mafe.local:8080/](http://mafe.local:8080/)

If mafe.local does not work on your network, the settings page also shows detected IP-based links, for example:

[http://192.168.x.x:8080/](http://192.168.x.x:8080/)

Just open one of those links from a phone, tablet, or desktop browser on the same local network as your Homey Pro.

 ![afbeelding](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/e/9e789290a33aceed789069c5ce052a8c206b8456.png)

There is also an **Advanced network settings** section. Most users can ignore this. It is only there as a fallback if automatic detection does not work on your network.

Advanced options include:

- LAN IP override for mafe.local
- Port override for the local MAFE web server

If you change the port override, restart the app before using the new port.

A few notes:

This is meant as a local editor for Homey Pro. It uses Homey’s manager API permission because it needs to read your flows, devices, zones, apps, logic variables, card definitions, and save changes when you press Save.

Changes are not saved automatically. You can inspect and make edits locally, and they are only written back to Homey when you explicitly press Save.

I’d love feedback, especially around mobile usability, flow navigation, and which editing actions feel most important to improve next.

Link:

> **[MAFE | Homey](https://homey.app/nl-nl/app/rocks.kylemichiels.mafe.experiment/MAFE/test/)**
>
> Hosts Mobile Advanced Flow Editor locally on Homey.

---

<div class="post-metadata">

### Author: ![SunBeech](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sunbeech/32/111391_2.png) [@SunBeech](https://community.homey.app/u/SunBeech)
#### Post date: [April 29, 2026, 8:59pm UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/2 "2026-04-29T20:59:17Z")

</div>

Hi @Kyle_Michiels, what a promising initiative!

Just some initial observations after installing and opening the web page on my tablet:

- There seems to be some text overflowing the boxes that hold the flow names:

- Would it be possible to include the folder/tree view and group the flows in their respective folder? Instead of showing an alphabetically sorted flat list of flows?

---

<div class="post-metadata">

### Author: ![SunBeech](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sunbeech/32/111391_2.png) [@SunBeech](https://community.homey.app/u/SunBeech)
#### Post date: [April 30, 2026, 8:18am UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/3 "2026-04-30T08:18:33Z")

</div>

I noticed that sometimes the app shows a technical ID/reference instead of the name of the Tag. See the following example. I included the original part of the flow below:

 ![IMG_6114](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/7/a/7ac653263004a560ddc11968a8b2dd7a787d1609.jpeg)

 ![IMG_2587](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/0/2/025126fe3383f05aed88ab60fba85c28ed6423de.jpeg)

---

<div class="post-metadata">

### Author: ![Kyle\_Michiels](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kyle_michiels/32/120769_2.png) [@Kyle\_Michiels](https://community.homey.app/u/Kyle_Michiels)
#### Post date: [April 30, 2026, 8:42am UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/4 "2026-04-30T08:42:50Z")

</div>

Thank you for sharing these findings!  
Ill definitely check if I can do the folder view so you can navigate the flows better.  
And I’ll look into resolving the technical ID still being shown for some actions instead of the proper name.

---

<div class="post-metadata">

### Author: ![Kyle\_Michiels](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kyle_michiels/32/120769_2.png) [@Kyle\_Michiels](https://community.homey.app/u/Kyle_Michiels)
#### Post date: [May 1, 2026, 8:10am UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/5 "2026-05-01T08:10:53Z")

</div>

Alright, folder support is in!  
And hopefully the technical IDs are gone as well.

---

<div class="post-metadata">

### Author: ![SingKT](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/singkt/32/173226_2.png) [@SingKT](https://community.homey.app/u/SingKT)
#### Post date: [May 1, 2026, 9:14am UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/6 "2026-05-01T09:14:55Z")

</div>

The „edit“ popup „page“ is a bit small. Can you make it full screen size?

---

<div class="post-metadata">

### Author: ![SunBeech](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sunbeech/32/111391_2.png) [@SunBeech](https://community.homey.app/u/SunBeech)
#### Post date: [May 1, 2026, 11:15am UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/7 "2026-05-01T11:15:19Z")

</div>

Hi Kyle, thanks for the update!

I noted that, when I open the web page on my iPad in landscape mode, the list on the lefthand side, that used to contain all the flows, only contains divider lines. As such I cannot select any flow:

 ![IMG_2588](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/7/4795dac9896a197528934076d442cb77aebc16ff.jpeg)

When I switch to portrait mode it remains the same, but I do get the additional flow selection controls/pull down menus at the top of the screen, like on my phone.

---

<div class="post-metadata">

### Author: ![Kyle\_Michiels](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kyle_michiels/32/120769_2.png) [@Kyle\_Michiels](https://community.homey.app/u/Kyle_Michiels)
#### Post date: [May 1, 2026, 11:41am UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/8 "2026-05-01T11:41:35Z")

</div>

> [@SunBeech](#):
>
> As such I cannot select any

Oof how many folders do you have? It think its too many to handle properly

---

<div class="post-metadata">

### Author: ![SunBeech](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sunbeech/32/111391_2.png) [@SunBeech](https://community.homey.app/u/SunBeech)
#### Post date: [May 1, 2026, 11:49am UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/9 "2026-05-01T11:49:19Z")

</div>

Approx. 60.

Another observation: where can I find the button/control to add a new flow card? I must be overlooking something 😊 .

Landscape view:

 ![IMG_2591](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/e/9/e9e3e5d12c79b1604065ff21799ad024598b134c.jpeg)

Portrait view (top part):

 ![IMG_2592](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/3/f/3fcbc39242e593cafb3ed064873e1478e54a95d7.jpeg)

---

<div class="post-metadata">

### Author: ![Kyle\_Michiels](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kyle_michiels/32/120769_2.png) [@Kyle\_Michiels](https://community.homey.app/u/Kyle_Michiels)
#### Post date: [May 1, 2026, 12:11pm UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/10 "2026-05-01T12:11:19Z")

</div>

Either just double tap on an empty space in the canvas (For tablet view) or click on an existing card to continue the chain (For both mobile and tablet) Or for mobile there is an Add new root card to start a new chain.

---

<div class="post-metadata">

### Author: ![SunBeech](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sunbeech/32/111391_2.png) [@SunBeech](https://community.homey.app/u/SunBeech)
#### Post date: [May 1, 2026, 12:14pm UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/11 "2026-05-01T12:14:18Z")

</div>

Ah yes thanks!

Another question, when I try to save a change I get the following error message:

 ![IMG_2593](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/5/1/515845fe93f8a1e76613ed3cc1a1eb4d5efb3644.jpeg)

I have already restarted the MAFE app and restarted/reloaded by browser. Not sure where I should log in.

---

<div class="post-metadata">

### Author: ![SingKT](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/singkt/32/173226_2.png) [@SingKT](https://community.homey.app/u/SingKT)
#### Post date: [May 1, 2026, 1:16pm UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/12 "2026-05-01T13:16:34Z")

</div>

On an iPad with a browser pretending to be Safari my displays are as following

 ![IMG3964](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/a/a/aaed48123cf1dcce4ac5018b2385eee0e0ed4cec.jpeg)

How to get a display like sunbeech?

---

<div class="post-metadata">

### Author: ![Kyle\_Michiels](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kyle_michiels/32/120769_2.png) [@Kyle\_Michiels](https://community.homey.app/u/Kyle_Michiels)
#### Post date: [May 1, 2026, 1:18pm UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/13 "2026-05-01T13:18:40Z")

</div>

You should just open it in a actual webbrowser and use the link mafe.local:8080 for the best experience.

---

<div class="post-metadata">

### Author: ![Kyle\_Michiels](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kyle_michiels/32/120769_2.png) [@Kyle\_Michiels](https://community.homey.app/u/Kyle_Michiels)
#### Post date: [May 1, 2026, 1:19pm UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/14 "2026-05-01T13:19:56Z")

</div>

Thats no good. Ill investiage this asap and put out a fix today.  
I was hoping it can work without creating a token but I don’t think there is a way around it.

---

<div class="post-metadata">

### Author: ![SingKT](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/singkt/32/173226_2.png) [@SingKT](https://community.homey.app/u/SingKT)
#### Post date: [May 1, 2026, 1:23pm UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/15 "2026-05-01T13:23:21Z")

</div>

Am using a webbrowser. With mafe.local same display

---

<div class="post-metadata">

### Author: ![Kyle\_Michiels](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kyle_michiels/32/120769_2.png) [@Kyle\_Michiels](https://community.homey.app/u/Kyle_Michiels)
#### Post date: [May 1, 2026, 1:32pm UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/16 "2026-05-01T13:32:52Z")

</div>

Updated.

A little set up is required see the main post.  
Or restart the app it will tell you what to do.  
It’ll allow you to save the flows.

---

<div class="post-metadata">

### Author: ![Kyle\_Michiels](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kyle_michiels/32/120769_2.png) [@Kyle\_Michiels](https://community.homey.app/u/Kyle_Michiels)
#### Post date: [May 1, 2026, 1:41pm UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/17 "2026-05-01T13:41:52Z")

</div>

Both screenshots show a pop up instead of the view in an actual browser.

---

<div class="post-metadata">

### Author: ![SunBeech](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sunbeech/32/111391_2.png) [@SunBeech](https://community.homey.app/u/SunBeech)
#### Post date: [May 1, 2026, 1:48pm UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/18 "2026-05-01T13:48:46Z")

</div>

Yes, that works!

I see you also fixed the left hand navigation pane - in tablet view - with the list of flows. That now also works 😀 .

 ![IMG_2595.PNG](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/8/3/83686881be8765a46c9fbf6cb9d04d86cfeb7129.jpeg)

---

<div class="post-metadata">

### Author: ![SingKT](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/singkt/32/173226_2.png) [@SingKT](https://community.homey.app/u/SingKT)
#### Post date: [May 1, 2026, 3:44pm UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/19 "2026-05-01T15:44:21Z")

</div>

I am using the homey app on iPad.  
When using the homey app with Android 16 I get a similar display but full screen.

Guess I got it wrong. I do have to open the mafe.local… URL as direct link in a browser.

Sorry

---

<div class="post-metadata">

### Author: ![SingKT](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/singkt/32/173226_2.png) [@SingKT](https://community.homey.app/u/SingKT)
#### Post date: [May 1, 2026, 3:58pm UTC](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363/20 "2026-05-01T15:58:25Z")

</div>

In my browser the display is a bit too dense. Portrait mode or not display is similar

 ![IMG3966](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/6/3/63162bc994770cc004cd94fc6d0045d42e2897cc.jpeg)

How to avoid the overlay of the cards?

[Next page](https://community.homey.app/t/pro-test-mobile-advance-flow-editor-mafe/154363.md?page=2)
