PixelSnap is recommended for UI/UX designers, web developers, graphic designers, and other professionals who regularly work with digital interfaces and require precise measurement tools. It’s particularly beneficial for those who use design software frequently and need to ensure accurate size and distance specifications across different software platforms.
PixelSnap might be a bit more popular than Design Principles. We know about 10 links to it since March 2021 and only 9 links to Design Principles. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
PerfectPixel is the fastest tool for measuring anything on your screen. It allows you to create pixel-perfect designs by comparing your web page with a design mockup. PerfectPixel is an extension that overlays a semi-transparent image over your HTML, enabling you to match the design precisely. It’s ideal for ensuring that your web pages look exactly as intended. - Source: dev.to / 11 months ago
Above you see the final result of the download page on web. While working on this page I was going back and forth finetuning the design and I remembered there was this tool that could show you dimensions on the screen with the click of a button. I’m a pixel perfect guy by nature and I do a lot of measuring when I develop my apps, but I’m a bit more loose when I do something like this. However, some things were... - Source: dev.to / about 1 year ago
A few apps that are a joy to use: https://ia.net/writer for writing. https://usecontrast.com/ for checking contrast. https://sipapp.io/ for picking colors. https://nova.app/ for editing code. https://cleanshot.com/ for screenshots. https://getpixelsnap.com/ for measuring elements on screen. https://netnewswire.com/ for reading things via RSS. https://panic.com/transmit/ for file transfers. https://usefathom.com/... - Source: Hacker News / over 1 year ago
PixelSnap 2, also and by the same company, but that's not for screenshots. Source: over 2 years ago
Hyperkey+P to measure pixels (I use PixelSnap). Source: over 2 years ago
Your comment is an interesting one, and I can see how it’s be helpful for some folks who are just setting out in their careers. I was asking not about style guides, but the nuanced differences between heuristics, such as NNg’s, and design principles for decision-making: https://principles.design/. Source: over 2 years ago
Principle Design is a Free Resource to learn more about designing better user interfaces and logos for your business. Access 195+ Examples and 1445 principles to learn more about design. (no-signup). Source: over 2 years ago
Http://styleguides.io/ and https://principles.design/ are worth keeping an eye on, especially for trends that come up and to see what the industry is up to. Source: over 2 years ago
Https://principles.design/ (collection, guiding ethos). Source: over 2 years ago
Https://paperform.co/blog/principles-of-design/ https://principles.design/ https://99designs.com/blog/tips/principles-of-design/. - Source: Hacker News / about 3 years ago
xScope - xScope is an excellent utility that is used to measure the graphic layouts or any application’s dimensions for checking the operating systems’ compatibility with the desktop screen.
Product Disrupt - A design student's list of resources to learn Product Design
EpicRuler - An impressive set of design utility tools to measure distance, dimension, position, pick colors, test contrast and align elements, anywhere on your screen.
Atlassian Design - Design, develop, and deliver
QuickLens - Inspect the UI of apps, illustrations & websites like a pro
Checklist Design - The best UI and UX practices for production ready design.