BlackFriday 2024! Hurry Up, Grab the Special Discount - Save 25% - Ends In 00:00:00 Coupon code: SAVE25
Welcome to Pass4Success

- Free Preparation Discussions

Salesforce Exam User Experience Designer Topic 5 Question 70 Discussion

Actual exam question for Salesforce's User Experience Designer exam
Question #: 70
Topic #: 5
[All User Experience Designer Questions]

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?

Show Suggested Answer Hide Answer
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]

Contribute your Thoughts:

Chau
1 months 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.
upvoted 0 times
Lorean
7 days ago
A) Install SLDS Validator extension for VS Code
upvoted 0 times
...
...
Emmett
1 months ago
I personally prefer installing Lightning Design System Plugin for Sketch for better design integration.
upvoted 0 times
...
Annabelle
1 months ago
I agree with Veronika, it will help avoid conflicts with SLDS.
upvoted 0 times
...
Solange
1 months 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.
upvoted 0 times
Dana
6 days ago
Ruthann: It definitely helps with avoiding conflicts with SLDS.
upvoted 0 times
...
Novella
14 days ago
I've heard good things about the Validator extension for VS Code.
upvoted 0 times
...
Ruthann
15 days ago
Yeah, it's much more practical than using Sketch.
upvoted 0 times
...
Kristel
18 days ago
I agree, the Validator extension is the way to go.
upvoted 0 times
...
Aracelis
24 days ago
Installing SLDS Validator extension for VS Code seems like the best option.
upvoted 0 times
...
Tarra
29 days ago
I agree, the Validator extension is the way to go.
upvoted 0 times
...
Lashawnda
30 days ago
Yeah, it's much more practical than using Sketch for Lightning Components.
upvoted 0 times
...
...
Veronika
2 months ago
I think installing SLDS Validator extension for VS Code would be helpful.
upvoted 0 times
...
Jutta
2 months 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.
upvoted 0 times
...
Shanice
2 months 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.
upvoted 0 times
Jeanice
1 months ago
A) Definitely, it's a lifesaver for maintaining SLDS standards in our components.
upvoted 0 times
...
Janet
1 months ago
C) I've been using it too, saves a lot of time debugging later on.
upvoted 0 times
...
Gianna
1 months ago
B) Yeah, I agree. It's a great tool to ensure consistency with SLDS.
upvoted 0 times
...
Brunilda
1 months ago
A) Install SLDS Validator extension for VS Code
upvoted 0 times
...
...

Save Cancel