Awesome

Size Marks

Size Marks is a helpful Photoshop script for web designers and front-end engineers.

Script converts rectangular marquee to labeled measurement mark. Landscape marquee → horizontal mark. Portrait or square marquee → vertical mark.

Install

1. Download and unzip:
   • Size-Marks.jsxbin-v1.3.zip for Photoshop CC 2015
   • Size-Marks.jsx-v1.0.zip for Photoshop CC 2014
2. Place Size Marks.jsxbin in the Photoshop Scripts folder. If you have more than one version of Photoshop, place the script in the Scripts folder of each version.
   • OS X: /Applications/[Photoshop]/Presets/Scripts/
   • Windows: C:\[Program Files]\Adobe\[Photoshop]\Presets\Scripts
3. Restart Photoshop. The script should now be available in File ▸ Scripts ▸ Size Marks.
4. Next, let’s make a shortcut. Edit ▸ Keyboard Shortcuts.... Unfold File and scroll to Scripts>. Select Size Marks and set the shortcut.

Recommended shortcut key (must not already be in use)

• OS X: Shift+Cmd+P
• Windows: Shift+Ctrl+P

Usage

Create a rectangular selection with Rectangular Marquee Tool (M) and use your shortcut (see Install section).

System Requirements

The script has been tested on Photoshop CC 2014, CC 2015 on OS X Yosemite.

Troubleshooting

If it seems like Size Marks does not work properly, first, make sure you are using the latest version of the script.

Get the latest release.

Required information

1. Your version of Photoshop CC. Select Photoshop CC ▸ About Photoshop CC... and find out a line that looks like 2015.0.1 Release at the top of the dialog box.
2. The sequence of steps that led to the error (this will help me to reproduce the issue).
3. Provide a link to the .psd file in your Dropbox. Just remove all secret data and save as a copy.

How to report

1. Open the Issues tab and click New issue.
2. Sign in or register on Github.
3. Briefly describe the issue in the Title field.
   • Do: It does not create a text label on the second artboard
   • Don’t: Help! It doesn't work!!1
4. Place the full description (see Required information above) into the next field, attach screenshots and hit Submit new issue.
5. Optional. ☕️ Buy me a cup of coffee to give me extra energy.

Thanks

For Satisfied Pro’s

If you’re a professional web developer:

• Use Size Marks for free and pay with a tweet/post
• Buy me a cup of pu-erh tea: pay $3 by PayPal

Testimonials ✍

• Just what I needed. ⚑ <small>— Erik Myers, Mountain View, California.</small>

• Tu fais des maquettes/spéc sous Photoshop? Voila une petite extension sympa pour placer des marques de mesure. ✌ <small>— LegZ, Lyon, France.</small>

• Перепробовал кучу всяких «образмеривалок» для Ps, но этот простейший скрипт пока кажется одним из самых юзабельных. ★ <small>— Андрей Сундиев, Яндекс, Москва.</small>

• 選択範囲を作るだけで数値がレイヤーに書きだされる！？これは便利だ！ ☼ <small>— ヤマシタヒトシ, 愛知県あま市</small>

• Шикарная вещь, как я раньше жил без Size Marks. ☂ <small>— Александр Курганов, Санкт-Петербург.</small>

• Made my day! ♬ <small>— Michl, Germany, NRW.</small>

• 確かに作業指示書の作成が楽になりそう。ワンアクションで寸法線と値を書き出してくれるのは便利。 ⌘ <small>— Torii, 静岡県浜松市</small>

• Nice little PS plugin for handing over designs quickly. ✈ <small>— Sebastian Stockmarr, Copenhagen, Denmark.</small>

P. S. Thanks to all the users for the great feedback!

License

Copyright © 2014 Roman Shamin https://github.com/romashamin

Size Marks is licensed under the MIT licence. All rights not explicitly granted in the MIT license are reserved. See the included LICENSE file for more details.