Skip to main content
Latest news: [[ newestAnnouncement.title ]] Learn more
InVision Support Home Page
Sign in
InVision ambassador ambassador
Brent Updated

DSM HTML / Symbol Handling Suggestions

I wanted to give feedback on why we stopped using DSM and hopefully what will be improved in future. 

1. I'd like to add real html / css / js so developers can see working examples with interactions and CSS they can rip out to have a pixel perfect version for building react or angular components. Inaccuracy in the development cycle is such a massive problem even with the invision inspect mode on normal projects. 

2. DSM integration also gave me a headache in how it organizes the components you drop in to sketch. It would include every single component that was a similar size in the import to DSM. And when you put that component into another comp from dsm window you could have dozens or hundreds of pieces imported which is rather a mess to sort through. i.e. I don't need a hundred icons when I pull in a checkmark. I think the approach should be more in alignment when sketch's native libraries that they live outside the working file and only an instance of what is needed is pulled in, leaving a nice lean file that is properly updated from one external location. Also dealing with duplicate nested symbols is crazy. I pull of that tiny management window and scroll through to find every one so it doesn't get pulled in. 

Initially it was very promising but these are too big to ignore. Hope its still getting improved. 


This post is associated with a known feature request: [[ problemTicketSubject ]]. Let our Product team know that you’re interested in this feature.

Sign in to add your vote

Thanks for taking the time to share your feedback about making our product better. We’ve let our Product team know that you’re interested in this feature so they can factor that into their product strategy.



Sort by

Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador Edited

Hi Brent,

Thanks for reaching out here in Community to share your feedback regarding DSM. We greatly appreciate receiving detailed feedback from power users like you in order to improve our products. Part of my job is to take important threads from Community to meetings with relevant Product Managers to discuss the struggles our customers are having, and I will be sure to discuss these issues with our DSM Product Manager. Below I have addressed each of your concerns with DSM:

1. The great news is that we are already tracking interest for the storing of components as HTML, CSS, and JS in DSM and it is on our team's radar! I will open a ticket on your behalf to track you vote for this feature. Please look for a message confirming your vote soon.

2. The behavior that you're describing here requires some further troubleshooting to determine why you might be encountering these issues. Can you please provide the following information?:

     1. Can you please provide a screencast or screenshots displaying each of the issues you have described?
     2. Can you please provide a screenshot of your "About this Mac" overview for the computer(s) you encounter these issues on?
     3. What version of Craft Manager are you using?
     4. What version of DSM are you using?
     5. What version of Sketch are you using?

Hearing about your team's experience is what helps make InVision products better each day. Thanks again for sharing your feedback with us here in Community, and I look forward to hearing back from you.



If anybody else would like to add their vote for the features discussed in Brent's post, please contact Support here and voice your opinion!

InVision ambassador Brent , ambassador Edited

Great news on the html / css / js. Thank you. 

I'm not sure how to upload a video here. I'll put some screenshots. I also made a new library on dsm called Test. 

Lets say I have a master symbol for icons. And it has a three nested child symbols for levels of opacity, different brand colors, and different icons. Each of those is ten variations.

I import this to DSM and all 30 nested symbols come with it to be imported. 

I start a new file and pull in this one icon. Every nested symbol and their options, and anything of same dimensions is duplicated as new symbols into this new file. 

Multiply that by every type of component I've created which is dozens. 

Very quickly my file has hundreds of symbols and is enormous. Its like going to the library to checkout a book and I have to get every single book on the same subject and every book that is the same dimensions. 

Then, I need to edit a component. I tweak it and upload it again, and look at the manage symbols and the nested symbols are duplicated for some reason. I haven't diagnosed how to recreate this recently as I stopped using DSM a while back but its horrible when it happens. Maybe its been fixed since then. But I'll follow up if I can duplicate it. 

I have to click them one by one and guess the right duplicate. But I can't drag a selection and delete everything and start fresh, and I can't see the whole symbol name because its such a small area of text. And I often need long names because of the nesting structure. And I can't search through it. And they're not alphabetical, they seem chronological which is hard to see duplicates. 

If I don't do this clean up all these new duplicates will also come into the new file of anyone using this symbol on the next import. DSM should utilize sketch's model of keeping the library OUT of the working file. 

Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador

Hi Brent,

Thank you for providing those details! After reviewing your description of the behaviors you are encountering, I would like for our Support team to take a closer look at this. In order to determine what might be causing these issues, they would like to do some further troubleshooting with your files.

I will open another ticket on your behalf with our Support team. Please look for a message from them soon requesting additional information for testing.




join the conversation

To comment, sign up or sign in.