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.
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.
When building in Wix Blocks, 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.
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.
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.
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.
When building self-hosted or Wix-CLI-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.