1. The Line Tool<\/h2>\n
You can now draw lines in addition to shapes thanks to the new line tool. Here\u2019s how it works:<\/p>\n
- \n
- Click the line button (
![\"\"](\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/image4.png\" "\\"\\"")
) on the sidebar or hit \"L\" on your keyboard.<\/li>\n![\"\"](\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/image6-2.png\")
<\/a><\/p>\n- Then use your cursor to click and drag a line! It's fun. You can make all sorts of useful shapes with it:
\n![\"\"](\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/image1.gif\")
<\/a>\n<\/li>\n- You can also hold shift to easily scale the line horizontally, vertically or at 45\u00b0 whilst drawing it. <\/li>\n<\/ul>\n
2. The Colour Picker<\/h2>\n
With the new colour picker, you can now grab any colour from your artboard to use wherever you like:<\/p>\n
![\"\"](\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/image2.png\")
<\/a><\/p>\nHandily, it provides a zoomed-in preview of the area that your cursor is hovering over so you can pick the exact right pixel. No more copy-and-pasting hex codes! Here's how to use it:<\/p>\n
- \n
- Select an shape or element from your design, then click one of the colour options (such as fill colour, or border)<\/li>\n
- When choosing a colour, click the colour picker icon (
![\"\"](\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/Screen-Shot-2017-07-20-at-17.46.58.png\")
) to bring up the preview area.<\/li>\n - Hover over areas of your design to preview colours, and click the pixel you like to set the colour of the active element.<\/li>\n
- Then, use the slider to vary the colour even more, and save it to the swatch list:
\n![\"\"](\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/colorpicker.png\")
<\/a>\n<\/li>\n<\/ul>\n3. Sketch Plugin Improvements<\/h2>\n
Here's a couple updates we've made to the Sketch plugin<\/a>:<\/p>\n
- \n
- Sending artboards from Sketch to Marvel is now 6 times faster.<\/li>\n
- You can now skip uploading certain artboards from Sketch by naming them beginning with an underscore.<\/li>\n<\/ul>\n
4. Design Tool Updates<\/h2>\n
A fresh cut of the design tool is also live now. Check out the 3 subtle, but important changes we've made: <\/p>\n
- \n
- Auto Line Spacing<\/strong>: The default option for spacing is now 'auto', so you can fix any line spacing issues simply by clearing the value in the spacing input field:
\n![\"\"](\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/output_8xyuxH.gif\")
<\/a>\n<\/li>\n- Aspect Ratio Locking<\/strong>: Design Tool now supports aspect ratio locking. Just click the little lock icon between the Width and Height fields, and resize your element like you normally would:
\n![\"\"](\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/output_JYoQqW.gif\")
<\/a>\n<\/li>\n- Fill Image<\/strong>: You can now fill any image with a colour. Whatever colour you choose will act as an overlay to non-transparent pixels of the image, with the transparency you've chosen respected:
\n![\"\"](\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2017\/07\/2017-07-25-17_18_20.gif\")
<\/a>\n<\/li>\n<\/ul>\n - Aspect Ratio Locking<\/strong>: Design Tool now supports aspect ratio locking. Just click the little lock icon between the Width and Height fields, and resize your element like you normally would:
- Auto Line Spacing<\/strong>: The default option for spacing is now 'auto', so you can fix any line spacing issues simply by clearing the value in the spacing input field:
- Then use your cursor to click and drag a line! It's fun. You can make all sorts of useful shapes with it: