Discuss Salesforce Salesforce Certified Platform User Experience Designer (Plat-UX-101) Exam Topic 5 Question 70

Cloud Kicks' development team is working on the build of a new custom component using VS Code. They often have new CSS classes and properties conflicting with the Salesforce Lightning Design System (SLDS),

What should simplify working with SLDS in Lightning Components?

AInstall SLDS creator from AppExchange

BInstall SLDS Validator extension for VS Code

CInstall Lightning Design System Plugin for Sketch

Suggested Answer: B

The best option to simplify working with SLDS in Lightning Components is to install SLDS Validator extension for VS Code.This extension (salesforcedx-vscode-slds) scans the markup of the components, validates it against the SLDS documentation, and provides suggestions on how to improve the code1.It also offers syntax highlighting, code completion, and context awareness for SLDS tokens and utility classes1.By using this extension, the development team can avoid CSS conflicts, follow SLDS best practices, and create consistent and accessible components2.

Installing SLDS creator from AppExchange is not a valid option, as there is no such app available on the AppExchange.The AppExchange is a marketplace for Salesforce apps, components, and consulting services, not for VS Code extensions3.

Installing Lightning Design System Plugin for Sketch is also not a valid option, as it is not related to VS Code or Lightning Components.Sketch is a design tool that allows users to create wireframes, mockups, and prototypes4. The Lightning Design System Plugin for Sketch is a plugin that provides SLDS components, icons, and styles for Sketch users. It can help designers to create consistent and compatible designs, but it cannot help developers to work with SLDS in VS Code.

SLDS Validator - Visual Studio Marketplace

SLDS Validator for VS Code - Lightning Design System

AppExchange: Salesforce's Leading Enterprise Cloud Marketplace

Sketch --- The digital design toolkit

[Lightning Design System Plugin for Sketch]

Get Premium Salesforce Certified Platform User Experience Designer (Plat-UX-101) Questions as Interactive Web-Based Practice Test or PDF Real Exam Format Detailed Explanations Instant Access Get Your Practice Test

35 comments · newest first

Iluminada 11 months ago

Totally agree with B, it saves so much time!

Alpha 11 months ago

Wait, does anyone actually use SLDS creator? Sounds sketchy.

Izetta 12 months ago

C is cool, but not really for Lightning Components, right?

Valentin 12 months ago

I disagree, A might be more useful for custom builds.

Gearldine 1 year ago

B is the way to go! SLDS Validator helps catch conflicts.

Felicitas 1 year ago

I vaguely remember that installing something from AppExchange could simplify things, but I can't remember the specifics.

Marti 1 year ago

I feel like we discussed the importance of using SLDS to maintain consistency, but I can't recall if the Sketch plugin is relevant for VS Code.

Ashley 1 year ago

I think the SLDS Validator extension for VS Code could help catch conflicts, but I might be mixing it up with another question we practiced.

Kenny 1 year ago

I remember something about SLDS and how it helps with styling, but I'm not sure which tool would be best for VS Code.

Becky 1 year ago

Installing the SLDS Validator extension for VS Code seems like the most logical solution here. It should help identify and resolve any conflicts between our custom CSS and the SLDS styles. I feel confident this is the right approach.

Marcos 1 year ago

The SLDS creator from AppExchange sounds like it could be a useful tool, but I'm not sure if that's the best option for this specific scenario. I'll need to review the details of each choice to make the right decision.

Marshall 1 year ago

Hmm, I'm not too sure about this one. I know SLDS is important for Lightning Components, but I'm not familiar with the different tools and extensions available. I'll have to think this through carefully.

Keva 1 year ago

This seems like a straightforward question about using SLDS in Lightning Components. I think the SLDS Validator extension for VS Code is the best option to simplify working with SLDS.

Geraldine 1 year ago

I'm uncertain about the specifics, but I feel like one option might mention data replication or syncing across nodes.

Chau 2 years ago

I can just imagine the developer who suggested the Sketch plugin. 'Let's make it extra complicated, shall we?' The Validator extension is the way to go, no doubt about it.

Lauran 2 years ago

↳ replying to Chau

C) Definitely, it helps catch those conflicts early on.

Timothy 2 years ago

↳ replying to Chau

B) Yeah, I agree. It's the most practical solution.

Lorean 2 years ago

↳ replying to Chau

A) Install SLDS Validator extension for VS Code

Emmett 2 years ago

I personally prefer installing Lightning Design System Plugin for Sketch for better design integration.

Annabelle 2 years ago

I agree with Veronika, it will help avoid conflicts with SLDS.

Solange 2 years ago

Haha, using Sketch for Lightning Components? That's like trying to build a house with a paintbrush. The Validator extension is clearly the most practical solution here.

Dana 2 years ago

↳ replying to Solange

Ruthann: It definitely helps with avoiding conflicts with SLDS.

Novella 2 years ago

↳ replying to Solange

I've heard good things about the Validator extension for VS Code.

Ruthann 2 years ago

↳ replying to Solange

Yeah, it's much more practical than using Sketch.

Kristel 2 years ago

↳ replying to Solange

I agree, the Validator extension is the way to go.

Aracelis 2 years ago

↳ replying to Solange

Installing SLDS Validator extension for VS Code seems like the best option.

Tarra 2 years ago

↳ replying to Solange

I agree, the Validator extension is the way to go.

Lashawnda 2 years ago

↳ replying to Solange

Yeah, it's much more practical than using Sketch for Lightning Components.

Veronika 2 years ago

I think installing SLDS Validator extension for VS Code would be helpful.

Jutta 2 years ago

The SLDS creator from AppExchange sounds interesting, but I'd rather have something that integrates directly with my coding environment. The Validator extension seems like a no-brainer.

Shanice 2 years ago

I think the SLDS Validator extension for VS Code is the way to go. It helps you catch those pesky conflicts early in the development process.

Jeanice 2 years ago

↳ replying to Shanice

A) Definitely, it's a lifesaver for maintaining SLDS standards in our components.

Janet 2 years ago

↳ replying to Shanice

C) I've been using it too, saves a lot of time debugging later on.

Gianna 2 years ago

↳ replying to Shanice

B) Yeah, I agree. It's a great tool to ensure consistency with SLDS.

Brunilda 2 years ago

↳ replying to Shanice

A) Install SLDS Validator extension for VS Code

Salesforce Certified Platform User Experience Designer (Plat-UX-101) Exam - Topic 5 Question 70 Discussion