Organization and Consistency in Sketch: Naming Conventions
Interactive

Organization and Consistency in Sketch: Naming Conventions

Biz Library
Updated Sep 04, 2018
As you can tell, having the power to utilize these features in Sketch opens up a wide range of possibilities. What is critical at this stage is that you start your document with proper naming conventions. The basic rule to naming conventions is to allow it to be intuitive -- enough for you to understand it and for another designer to hop inside your document and understand what is happening. For Layer Styles that reflect a fill color; use the color you are representing. If it is a red, call it "Red." For particular applications you can get a little more specific, just remain consistent. For Text Styles try to think about it as if you were translating this to a front-end developer. They are accustomed to CSS styling naming conventions such as "H1, H2, H3, H4, Input, Placeholder, etc." so try to use similar naming conventions to make the translation from design to development as seamless as possible.