|
|
|
#Color #UIDesign #Tools
|
|
|
|
#Sketch #Plugins #Productivity #UIDesign
Select a layer and export position size and properties of any layer.
Bonus:
For shape and text layers it will export also the standard CSS properties.
|
|
|
|
#MacOS #BestPractices #UIDesign
|
|
|
|
#Sketch #Productivity #UIDesign #Shortcuts
Our quick guide to the best Sketch shortcuts that designers use every day
|
|
|
|
#Accessibility #UX #UIdesign #BestPractices
Did you know that perfectly healthy people with great sight, hearing and mobility, who can read and write effortlessly, can multitask effectively and who are fully functional all of the time make up…
|
|
|
|
#Accessibility #UIDesign
Neumorphism is predicted to be one of the top 2020 UI design trends. You might have seen it everywhere as a Dribbble shot. Neumorphism is a play on words based on New + Skeuomorphism. It is a style…
|
|
|
|
#UX #UIDesign #Productivity #DesignSystems
An open-source checklist to help you plan, build and grow your design system.
|
|
|
|
#Sketch #Plugins #Productivity #UIDesign
Sets the size of Symbols, Instances, Text Layers, Artboards or Groups to the size of their contents:
Works with: 👉 Artboards & Master Symbols 👉 Symbol Instances
👉 Groups 👉 Text Layers
✨ For Text Layers it resizes the text box to the correct height based on the line-height value.
📐 Applied to Symbol Instances it resets them to their original size (the Master Symbol’s size). If you are using Smart Layout and overrides it will "shrink to fit" the instance.
📂 For Groups it fixes an issue 🤕 where folders don’t match the size or position of their contents!
Enjoy!
|
|
|
|
#Sketch #Plugins #Productivity #UIDesign #Shortcuts
A Sketch plugin for managing all plugin shortcuts! Easily import and export settings too!
Features: - Manage plugin shortcuts
- Detect and highlight conflicting shortcuts
- Set or clear shortcut for any command of Sketch plugins
- Not allowed to set shortcuts that conflict with Sketch or other plugins
- Display conflict details
- Filter commands which use specific shortcut keys
- Import and export shortcut configurations
- Search any command or plugin through keywords
- Multi-language support
|
|
|
|
#Accessibility #Color #UX #UIDesign
How we designed a color system with hand-picked, vibrant colors that also met standards for accessibility and contrast.
|
|
|
|
#UIDesign
My dad bought my first smart phone, an HTC Droid Eris, in 2009. We went to Best Buy and instead of looking up anything technically significant about the phones, I picked the Eris because it had a…
|
|
|
|
#Sketch #SmartLayout #Tutorials #UIDesign #Productivity
“Smart Layout in Sketch 58 is damn powerful, there is a lot you can do with it. In this article I’d like to show you how to set up Smart Layout for your Navigation & Dropdown Menu design.”
|
|
|
|
#Motion #BestPractices #UIDesign #UX
Real-world examples of motion design to create successful products from the teams.
|
|
|
|
#UIDesign #RWD #FrontEnd #QA #HTML #CSS #Tools
Made for designers and developers. Make your life easier and instantly preview your website across multiple devices.
|
|
|
|
#Supernova #AdobeXD #Sketch #Prototyping #Tools #UIdesign #MobileDev
Supernova can already create interactive prototypes, generate production-ready code from Sketch designs and save dozens of hours for every team or individual out there by making hand-off as seamless…
|
|
|
|
#Protopie #Prototyping #Tools #Interactions #UIdesign
ProtoPie is the easiest tool used to turn your UI/UX design ideas into highly interactive prototypes for mobile, desktop, web, all the way to IoT.
|
|
|
|
#UX #UIDesign #BestPractices #Tips #Forms #Usability
90% of the problems found in forms solved in a few hundred precious words.
|
|
|
|
#CSS #Typography #Productivity #RWD #UIDesign #WebDev
Great tips on updating your knowledge of responsive typography jn CSS!
|
|
|
|
#Tools #Free #Productivity #Icons #UIDesign
We've created a free icon tool for the community to enhance the workflow while creating wireframes or prototypes. Available for Adobe XD, Illustrator, Photoshop, Sketch and many more.
|
|
|
|
#UIdesign #Motion #Animation #Productivity #Optimization #Sketch #AFX #Lottie #SVGs #Plugins
Last year, Google Chrome celebrated a big milestone, and turned 10. I work on UI design, visual design, and content strategy to continuously improve Google Chrome’s web presence, and in September…
|
|
|
|
#UIDesign #UX #Usability
Dropdowns, hierarchical menus, sliders, or scroll bars involve steering a pointer or a cursor through a tunnel; optimal design for these GUI elements should consider the Steering Law.
|
|
|
|
#Motion #UIDesign #Tips #Tutorials #InVisionStudio
What takes a product animation from good to great? Really, it’s all about the small details. Using InVision Studio, let’s […]
|
|
|
|
#Forms #UX #UIDesign #Usability
An ultimate guide to designing user-friendly forms
|
|
|
|
#UIDesign #Tools #Accessibility
A year ago I joined the Salesforce UX team as a Product Designer working on Mobile Self Service products. I came from a small startup, so I was new to practically everything happening at such a large…
|
|
|
#Sketch #Plugins #Productivity #UIDesign
Sets the size of Symbols, Instances, Text Layers, Artboards or Groups to the size of their contents:
Works with: 👉 Artboards & Master Symbols 👉 Symbol Instances
👉 Groups 👉 Text Layers
✨ For Text Layers it resizes the text box to the correct height based on the line-height value.
📐 Applied to Symbol Instances it resets them to their original size (the Master Symbol’s size).
📂 For Groups it fixes an issue 🤕 where folders don’t match the size or position of their contents!
Enjoy!
|
