# Developing User Interfaces for Custom Boards with ESP microcontrollers

DevFeed: [Developing User Interfaces for Custom Boards with ESP microcontrollers](<https://devfeed.tech/articles/developing-user-interfaces-for-custom-boards-with-esp-microcontrollers-13832.md>)

Original publisher: [Read original article](<https://developer.espressif.com/blog/developing-user-interfaces-for-custom-boards-with-esp-microcontrollers/>)

Author: John Lee

Published: 2022-10-10T00:00:00Z

Content type: tutorial

Language: en

Sources: [Blog on Developer Portal](<https://devfeed.tech/sources/blog-on-developer-portal.md>)

Topics: [User Interfaces](<https://devfeed.tech/topics/user-interfaces.md>), [Espressif](<https://devfeed.tech/topics/espressif.md>), [Microcontroller](<https://devfeed.tech/topics/microcontroller.md>), [configuration](<https://devfeed.tech/topics/configuration.md>), [GitHub](<https://devfeed.tech/topics/github.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [blog](<https://devfeed.tech/tags/blog.md>), [bsp](<https://devfeed.tech/tags/bsp.md>), [c](<https://devfeed.tech/tags/c.md>), [configuration](<https://devfeed.tech/tags/configuration.md>), [esp](<https://devfeed.tech/tags/esp.md>), [espressif](<https://devfeed.tech/tags/espressif.md>), [github](<https://devfeed.tech/tags/github.md>), [i2c](<https://devfeed.tech/tags/i2c.md>), [lcd](<https://devfeed.tech/tags/lcd.md>), [lvgl](<https://devfeed.tech/tags/lvgl.md>), [manifest](<https://devfeed.tech/tags/manifest.md>), [project](<https://devfeed.tech/tags/project.md>), [screen](<https://devfeed.tech/tags/screen.md>), [spi](<https://devfeed.tech/tags/spi.md>), [squareline](<https://devfeed.tech/tags/squareline.md>), [user-interfaces](<https://devfeed.tech/tags/user-interfaces.md>), [waveshare](<https://devfeed.tech/tags/waveshare.md>)

## AI overview

This tutorial explains how to add a custom ESP-based board with a custom LCD to SquareLine Studio. It uses a WaveShare 7-inch display example and covers creating a board-support component, configuring display and touch communication, updating build and dependency files, and editing the board manifest.

## Source excerpt

A few weeks ago in this article we have introduced SquareLine Studio and how it can be used to develop user interfaces. This feature was available only for Espressif's boards. But what if we wanted to use this tool for our custom designed board based on an ESP chip with a custom LCD? Here is the solution! What is the best way to add a custom board into SquareLine Studio? Start with the custom_waveshare_7inch example on from esp-bsp repository on GitHub.