|
|
|
#DesignSystems #ProductDesign #UIDesign #Videos #InVision
Watch videos of design system pros Brad Frost, Dan Mall, and Josh Clark sharing best practices for product design at scale. Get expert recommendations for improving speed, quality, and consistency with design systems.
|
|
|
|
#UX #UIDesign #BestProactices
Evolve your design too quickly and you’ll leave your users behind. Design too slowly and your users will do the same to you. It’s crucial to keep design practices aligned with the way users really interact with digital products and interfaces. To help, Huge’s UX and research teams are collaborating to test conventional and emerging design and usability standards.
|
|
|
|
#Sketch #Plugins #AnimaApp #UIDesign #Productivity
Anima Toolkit is a Sketch Plugin to convert design to code. It also allows you to use Stacks & Pins for responsive layout, right inside Sketch. Padding means that when you change the content, the…
|
|
|
|
#Sketch #Productivity #DesignPatternLibraries #UIKits #UIDesign
A white label global product, with multi-brand support, is a challenge to design. The design process have to consider the problematic of one-size-fits-all for every asset, from typography and…
|
|
|
|
#Supernova #UIDesign #Handoff #Development
Design and development tool unlike anything you’ve experienced. Always a production-ready code.
#nomoresnippets
|
|
|
|
#UIdesign #Data #Plugins #Sketch #AdobeXD #Productivity
A plugin for Sketch and Adobe XD CC to populate your design mockups with meaningful data. Goodbye Lorem Ipsum. Hello JSON.
|
|
|
|
#FramerX #Prototyping #Data #UIDesign
Framer always was different from other prototyping tools for many reasons but the major one is real data. I’ll try to show briefly how you can load and use real data in your prototypes. Today we will…
|
|
|
|
#Sketch #Productivity #UIDesign
Sketch 52 comes with the ability to instantly populate multiple shapes with images all at once. The same feature can also set the content of multiple text elements. Sketch is preloaded with images of…
|
|
|
|
#UX #UIDesign #Mobile #Intearctions #BestPractices
When it comes to selecting a pattern for the primary mobile navigation, product designers usually choose between two options — side drawer (also known as a hamburger menu) and tab bar. Both…
|
|
|
|
#UIDesign #UX #AI #ProductDesign
At Google Cloud my job is to reimagine enterprise — the tools we build and how we design them. Traditional enterprise products don’t reflect how people work — our pain points, our tasks across the…
|
|
|
|
#CSS #Animations #Productivity #HTML #UIDesign #UX #Prototyping
Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.
|
|
|
|
#Typography #Courses #UIDesign
Better Web Type is an easy-to-follow web typography course for web designers & web developers.
|
|
|
|
#UX #UIDesign #Animations #BestPractices
Ever wondered why when you call up a utility company and you are put on hold, they play music? Consider how you would feel if there was no music, just dead silence. CNN ran a survey that showed 70…
|
|
|
|
#Figma #UIDesign #Prototyping #Collaboration
Desktop-based design can come with a hefty price. Teams spend their days managing a Frankenstein workflow: Which prototype has stakeholder comments? Is the style guide up to date? Are we all working…
|
|
|
|
#CareerAdvice #UIDesign #UX #Portfolios
When an aspiring designer asks me how to build their portfolio, I always say to redesign something and write about it. Redesigns are often frowned upon because so many people do it wrong. But there’s…
|
|
|
|
#UIDesign #ARKit
|
|
|
|
#Sketch #Plugins #MaterialDesign #UIDesign #UIKits
|
|
|
|
#Reports #UIdesign
Download the Full Design Report e-book about top UI design trends based on data from over 2,000,000 Sketch and Photoshop designs that were uploaded to Avocode in 2017.
|
|
|
|
#Figma #UIDesign
Figma’s magic lives in its collaborative capabilities. If you’ve ever watched someone else’s cursor dance across a frame to tweak a problem spot while you’re filling in copy in that same frame, you…
|
|
|
|
#Sketch #Plugins #DesignPatterLibraries #UIDesign #Productivity
GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
|
|
|
|
#Sketch #Plugins #Productivity #UIDesign
|
|
|
|
#Sketch #UIDesign #Tips #AnimaApp
At the moment the only way in Sketch to make an Updatable Bottom and Top-Right Pinned Menus using Anima App is to “hack it”. (If you landed here it’s probably because you tried it before and didn’t really work fo you… It was a problem for me too, hence this hack 🤪) - Apply a 180 degree rotation (Transform) to the stack
Apply a 180 degree rotation
AND to the actions/elements in the stack (Visually it will look the same as your original menu.)
2) Make sure to pin your stacks (bottom or top right)
Pin your stack or symbol (bottom like above, or top right)
It works with normal stacks and with stacks inside symbols. Same hack for right aligned menus.
Tricky but does the job! :)
Let me know if you have any questions.
Ciao!
Francesco
|
|
|
|
#Sketch #Plugins #Productivity #Portfolios
Drag Sketch Artboards to your Free&Willing public feed or to a private collection of yours (portfolio, photogallery, moodboard...). Works with PNGs and JPGs as well.
InstallationDownload, unzip and double click SketchToPortfolio.sketchplugin Usage:1) Launch the plugin: Plugins > SketchToPortfolio > Upload To Free&Willing 3) Drag Artboards from your Sketch file into the drop area. You can drag PNGs and JPGs from your desktop too. Tips:- If you organize your images into a collection you have more control on the privacy as the images won't appear in your public feed but will be visible when sharing the collection's URL.
- You can change the visibility of each image after upload too if you want
- Adding tags to the artboard (or filename) will add tags to your post. For example the Artboard called "Mobile Home Screen #mobile #app #UIDesign" (same thing for PNGs or JPGs "Mobile Home Screen #mobile #app #UIDesign.png")
Feedback
|
|
|
|
#Sketch #Lunacy #UIDesign #Windows #Tools #Free
There’s a new software called Lunacy which is an extension of the Sketch platform for the billions of Windows users. Lunacy is a full-fledged editor which has following unique features: Design…
|
|
|
|
#DPLs #UIKits #UIDesign #Deals #Sketch #Material
Build top quality applications with most advanced Sketch design system.
|
