Design&Prototype Marketplace: UIDESIGN

Design&Prototype Marketplace

#Sketch #Plugins #Prototyping #UX #UIKits

A collection of select free and paid Sketch UIKits, Templates, Plugins, Workshops, Events, Online Courses, Prototyping Tools and more curated by Francesco Bertocci. Some deals are unique to the Marketplace and offered by friends and partners.

Smart Layout in Sketch 58: Navigation & Dropdown Menu Tutorial by Silvia Bormüller

#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.”

View now 35

Swap-Fill-Border Sketch plugin for swapping fill and border colors

#Sketch #Plugins #Productivity #UIDesign

Sketch.app plugin for swapping fill and border colors - nathco/Swap-Fill-Border

View now 33

6 things we learned about animation from Headspace, Google, Lyft, and more | Inside Design Blog

#Motion #BestPractices #UIDesign #UX

Real-world examples of motion design to create successful products from the teams.

View now 37

Sketch.systems: Explore how your product should work, before building it.

#ProductDesign #UX #UIDesign

Sketch.systems helps software designers think about complex product behavior. Sketch out states, add prototypes, and clarify questions quickly.

View now 34

Sizzy: The browser for developers and designers

#UIDesign #RWD #FrontEnd #QA #HTML #CSS #Tools

Made for designers and developers. Make your life easier and instantly preview your website across multiple devices.

View now 35

Turn Adobe XD into production apps with Supernova V7

#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…

View now 52

Introducing Drama: Design, animate and prototype all in one tool

#DramaApp #UIDesign #Prototyping #Animation #Motion #Productivity #Tools

Finally, you will no longer need to switch between different apps to do all this!

View now 26

🌈 FreeFlow for Sketch

#Sketch #Plugins #Productivity #UIDesign #UX #Workflow

A suite of productivity plugins for Sketch by Francesco Bertocci – to speed up repetitive tasks and make your life a little happier! 😃

View now 1 945

FitToContent Sketch Plugin (v1.1)

#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!

View now 1 1117

Form design: from zero to hero all in one blog post by Adam Silver

#UX #UIDesign #BestPractices #Tips #Forms #Usability

90% of the problems found in forms solved in a few hundred precious words.

View now 57

Why Toggle Buttons Are Confusing

#UX #UIDesign #BestPractices

Not all buttons execute actions. Sometimes they're used to change states on an app. These are known as toggle buttons. They save space by presenting two or m

View now 48

An abstraction called text styles – How to save yourself from a typographic mess - Reaktor

#CSS #Typography #Productivity #RWD #UIDesign #WebDev

Great tips on updating your knowledge of responsive typography jn CSS!

View now 58

Iconclub: Free Icon App - Shaped Fonts

#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.

View now 86

A Recipe for Designing Animations—Without Sacrificing Performance

#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…

View now 130

Sketch Manager: Organize Symbols and Styles (10% off)

#Sketch #Plugins #Productivity #UIDesign #Deals

View now 1 51

Accot-Zhai Steering Law: Implications for UI Design

#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.

View now 59

Tutorial: These tiny tweaks make your animations so much better

#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 […]

View now 89

An ultimate guide to designing user-friendly forms

#Forms #UX #UIDesign #Usability

An ultimate guide to designing user-friendly forms

View now 153

Accessible Interface Design

#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…

View now 115