Skip to main content

Question: Let’s say I need to use a 16×16 pixel icon for my UI design, so I place a star in a 16×16 frame. I want the viewer to select the frame instead of the star. So I think frame could add an option to prevent the viewer from selecting its content.

截屏2021-01-30 上午10.09.57


I’ve also found some solutions on the Internet, but none of them are perfect.




  1. Ask the Viewer to hold the command key and click (the problem is that the target frame may have many parent layers, which may cause the Viewer to click several times before selecting the target frame).




  2. Use a ‘slice’ layer to mark the size of the frame (the problem is that the Viewer clicking still selects the star instead of the slice, so Viewer has to look for its parents layer to determine the star icon’s size)




  3. Use ‘Rasterize Selection’ to convert the frame to an image (the problem is that the converted image is only @1x, which is very fuzzy and unfriendly to either Designer or Viewer).




  4. Create a layer with 0.01% opacity fill over the star. This will not be visible to our eyes, but will prevent the Viewer from selecting the star (but developers will select&export this transparent layer instead of the star).




So I think maybe the frame needs an option like “prevent viewer from selecting content” after “Clip content”, which would be a perfect solution to this problem.


Hope the officials consider this issue. If anyone has a better solution, please reply. thank you

（English is not my first language, so maybe there are some mistakes. Forgive me 🙏)

你是中国区的朋友吗？我也遇到了和你一样的问题，开发总是和我们抱怨不如其他工具好用，想请问你们最后是怎么解决这个问题的呢？可以留个您的联系方式给我吗，想和您交流一下

Same here,

Sometimes using components, the element have more layers.

And when viewer want to select he sometimes selects other elements inside & wrongly export them. Maybe some Lock export icon added to layer. So if parrent group is locked everything under it can’t be selected.


Also this is same for measuring, separate lock option for measuring so it won’t be confused for a viewer what is correct element he need to measure values to, especially when we are using more advance components, variants, etc.

I think the one issue I find with this solution is that we have devs designing for different platforms, and they need different asset types. We’d have to provide each platform its own file type (SVG, PNG, PDF). When an iOS dev uses the Export panel for example, there’s no way for them to filter down to the file type they need. They have to download all file types or spend time unchecking the ones that don’t apply to them.

Please vote for this issue, I have am example how the Inspector mode should work

Why do developers need to see the detailed components to the export option? Holding cmd for export option, it’s really hard to download the correct size of assets. We need some alternative better solutions for this.

There is a simple fix. NAME the main container to be exported as EXPORT, and Just ask them to select the main frame layer named export from the layers panel. You can also use shift and enter to jump out of a frame and select the main container

Buy why? There’s no need to invert that, it’s just confusing.

Current solution for me is to set a fill for the exported frame and make sure the [show in exports] is unchecked, in the meantime lock all elements within the frame, this way in viewer mode even though they clicked on the inner elements, the export panel would still show the outer frame

Reply


Terms & ConditionsCookie settings