Design

Responsive UI supports the creation of high-fidelity design prototypes that can be shared with your product team and stakeholders as you prepare to build new applications or build new features in existing applications. These designs help your team visualize how this functionality will look and feel within your application.

These designs can:

• Help your developers understand how to build functionality more quickly and accurately
• Help other stakeholders like QA, Documentation, and potentially even customer stakeholders better understand how your product works
• Provide a starting point when your team discusses making new changes to the product

Responsive UI provides you with a Figma-based UI kit and design samples to help you design your application in advance of development.

Your team must purchase a license for Figma for every person on your team who will be editing design documents. Open a help desk request to purchase this license.

You get to decide which level of interactivity to include in your product designs:

• At a minimum, you can create static designs that show what a UI view will look like, then share those with your team as you collaborate on the design. This collaboration allows others to see your designs and comment on them.
• You can take this a step further and wire up button interactions in the design prototype that navigate the viewer from one artboard to another, mimicking the navigation in your application. This is optional but can help your team understand the flow from screen to screen.
• You can take this even further by wiring up micro-interactions in the design prototype that show how sections of the UI change as the user interacts with elements in the view. Examples include clicking on tab headers, expanding and collapsing dropdowns, etc. This is optional and may be beyond the scope of many designs, but it can help your team more easily understand these interactions.