Two resources that can help a UX Designer to explore sample code for Lightning components and see

how changing the code affects the visual appearance in real time, without deploying any code to a

Salesforce org, are:

Lightning Design System Website. The Lightning Design System website is a resource that provides

design guidelines, UI components, and code samples for building Lightning applications. The website

also features a live code editor that allows the designer to edit and preview the code for Lightning

web components and Aura components, and see the changes reflected in the browser instantly. The

live code editor also provides syntax highlighting, auto-completion, and error checking features. The

designer can use the Lightning Design System website to experiment with different code snippets

and learn how to apply the design principles and best practices for Lightning components. Lightning

Design System Website, [UX Designer Certification Prep: Salesforce Design System]

Local Development Server. The Local Development Server is a resource that allows the designer to

build, run, and test Lightning web components without deploying them to a Salesforce org. The Local

Development Server is a CLI plug-in that creates a local web server that serves the Lightning web

components from the local file system. The designer can use the Local Development Server to edit

the code for Lightning web components in their preferred code editor, such as Visual Studio Code,

and see the changes updated in the browser automatically. The Local Development Server also

supports hot reloading, which preserves the component state and the browser session during code

changes. The designer can use the Local Development Server to speed up the development and

testing process and to debug the code for Lightning web components. Local Development Server,

[UX Designer Certification Prep: User Testing and Evaluation]

The Lightning Web Component Recipes App and the Developer Center’s Lightning Component

Library are not resources that can help a UX Designer to explore sample code for Lightning

components and see how changing the code affects the visual appearance in real time, without

deploying any code to a Salesforce org. The Lightning Web Component Recipes App is a sample

application that showcases the functionality and best practices for Lightning web components. The

Developer Center’s Lightning Component Library is a reference guide that provides documentation

and examples for Lightning web components and Aura components. However, neither of these

resources allow the designer to edit and preview the code in real time, as they require the code to be

deployed to a Salesforce org or a scratch org first. Lightning Web Component Recipes App, Developer

Center’s Lightning Component Library, [UX Designer Certification Prep: User Testing and

Evaluation] Reference: Lightning Design System Website, Local Development Server, Lightning Web

Component Recipes App, Developer Center’s Lightning Component Library, [UX Designer

Certification Prep: Salesforce Design System], [UX Designer Certification Prep: User Testing and

Evaluation]