> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: About App Design

## Article: About Designing Apps in Wix

## Article Link: https://dev.wix.com/docs/build-apps/develop-your-app/design/about-app-design.md

## Article Content:

# About App Design

Creating a successful app requires implementing key user experience (UX) and user interface (UI) best practices to ensure a seamless and cohesive user experience. Wix offers various resources and tools to support you in designing apps that align with our standards and integrate well within the Wix ecosystem.

## UX and UI Best Practices

To get started, explore our  guide on UX/UI best practices for app development, focusing on creating a seamless, user-friendly experience. It covers essential aspects such as simplifying sign-up processes, onboarding new users, ensuring consistent and intuitive UI design, preventing errors with clear feedback, and optimizing for mobile responsiveness. 

See our [UX and UI best practices guide](https://dev.wix.com/docs/build-apps/develop-your-app/design/ux-and-ui-best-practices.md).

## App design in Wix Blocks

When building in [Wix Blocks](https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-blocks/about-wix-blocks.md), explore the following key resources and guidelines to help you design your app.

* **Site widgets and plugins**: Design your app widgets to behave responsively and adapt to any screen size, blend beautifully with Wix sites, and offer as many design styles and layouts as you want. See our [design guidelines for widgets](https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-blocks/widget-design/blocks-widget-design-guidelines.md).

* **Editor experience (panels and configuration)**: Configure the way users can customize you app in the editor to make it as easy and intuitive as possible. See our [UX guidelines for  editor experience](https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-blocks/editor-experience-configuration/ux-guidelines-for-editor-experience-in-blocks.md).

* **Dashboard pages**: Design your dashboard pages so that they're easy to use, fit your purpose, and appear well on various screen sizes. See our [UX guidelines for dashboard pages](https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-blocks/dashboard-pages/ux-guidelines-for-dashboard-pages-in-blocks.md).

* **Figma kit**: The Blocks Elements Figma kit gives you full access to Blocks widget, dashboard, and panel elements, text styles, and icons. This helps you align with our visual standards if you want to start in Figma before designing in Blocks. See the [Blocks Elements Figma kit](https://www.figma.com/community/file/1397674211519735499/wix-blocks-components-library).

## App design in Wix CLI and self-hosted extensions

When building [self-hosted](https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/self-hosting/about-self-hosting-for-wix-apps.md) or [Wix-CLI](https://dev.wix.com/docs/wix-cli/guides/about-the-wix-cli.md)-based dashboard pages and editor settings panels, consider using the Wix Design System. This comprehensive toolkit for developers and designers includes React component libraries, design patterns for best practices, a figma kit, color palettes, and more.

Learn more about the [Wix Design System](https://dev.wix.com/docs/build-apps/develop-your-app/design/about-the-wix-design-system.md).