> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://contentful.com/developers/docs/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://contentful.com/developers/docs/_mcp/server.

# UI extensions - Web app tools

> Instructions to build and manage UI Extension with Contentful web app tools | Creating and Deleting a UI Extension

> **Info**
>
> **Use the [App Framework](/extensibility/app-framework) for any new projects.** We recommend creating apps instead of UI extensions. [Read the app FAQ to learn why](https://www.contentful.com/help/contentful-app-framework-faq/).

### Editing a UI Extension

Navigate to **Settings > Extensions** in the Contentful web app. In the **Extensions** page:

1. Select **Edit** corresponding to the desired Extension to be edited.

![Edit extension](/developers/docs/_fern-img/5ff2f716d769866b76806e169cd26bb12808d8065217d2da07fa129da0da83e8.webp)

2. Perform the required changes and **Save** the updates.

## Deleting a UI Extension

In the **Extensions** page:

1. Select **Delete** corresponding to the desired Extension to be deleted.

![Delete extension](/developers/docs/_fern-img/5ff2f716d769866b76806e169cd26bb12808d8065217d2da07fa129da0da83e8.webp)

> **Info**
>
> Deleting the Extension would restore the default settings (Appearance) on all the fields to which this Extension was assigned.

2. Confirm the deletion by clicking **Delete** in the dialog box.

## Next steps

* [Refer to the UI Extension SDK reference guide for more technical details.](/extensibility/app-framework/sdk/)