Design&Prototype Newsletter #11
#Design #UX #UI #Prototyping
Hello everyone!
Lots of big news as usual :) Sketch 49 brings quite a few improvements. Some obvious like prototyping within Sketch and some less obvious like easier-to-look-at override panels and find-and-replace colors. Framer allows now to simply copy and paste from Sketch and more.
Don’t miss the upcoming events if you are in NYC.
View as a filterable grid or view as a list below. (💌 Sign up for the newsletter)
Prototyping, Libraries on Sketch Cloud and an official iOS UI kit in Sketch 49
#Sketch #Announcements #Libraries
The latest update introduces Prototyping, the ability to subscribe to Shared Libraries on Sketch Cloud, and a built-in Apple UI Design Resource. Find out more in the full blog post.
Event: Prototyping in Sketch 49 and What’s New / ProtoWire & More Demos
#Events #UX #Prototyping
Sketch 49 brings quite a few improvements. Some obvious like prototyping within Sketch and some less obvious like easier-to-look-at override panels and find-and-replace colors.
Framer: Copy and paste artboards, groups & more from Sketch
#Framer #Productivity #Prototyping #Sketch
View
Sketch 49: Find and Replace colors everywhere!
#Sketch #Productivity #Tips
Find and Replace Colors in Sketch 😃. “Sketch 49: Find and Replace colors everywhere!” is published by Francesco Bertocci in Design&Prototype
Good to great UI animation tips
#UIDesign #MicroInteractions #Animations #UX
Let’s see some examples of UI animations going from good to great. With a little bit of tweaking here and there, you can elevate your UI patterns with animation. The interactions listed show…
Event: “How to Solve Whiteboarding Design Challenges in UX & Product Design Interviews”
#Events #UX #NYC #Beginex
Are you prepared to successfully solve a whiteboarding design challenge in your next UX or product design interview? Whiteboarding design exercises can be an excellent way for companies to assess potential UX hires and more and more companies use those during the interview process. Join this workshop to learn what those whiteboarding design challenges are, why they are used and how to solve them in order to pass the interview.
Tuesday, March 13, 6:30–9:00 PM
Framer: Form Elements UI Kit
#Framer #Forms #Prototyping
Use this Framer interactive UI kit to capture all kinds of user input in your prototypes.
Coffitivity Offline: Desktop Application
#Productivity #Tools
Coffitivity Offline recreates the ambient sounds of cafes to boost your creativity and help you work better.
Deep dive CSS: font metrics, line-height and vertical-align
#CSS #Typography
An introduction to the inline formatting context. Explores line-height and vertical-align properties, as well as the font metrics. Understand how text is rendered on screen, and how to control it with CSS.
Sketch Workflow: 8 point Soft Grids
#Grids #UIDesign #Workflows #Articles
I wanted to share my Sketch workflow designing on an 8 point soft grid. If you are not familiar with this concept please read Bryn Jackson’s great article on 8pt Grids first. I have a fairly unique…
Sync layer & text styles from any Sketch Library
#Sketch #Plugins
Sync layer & text styles from any Sketch Library
Facebook will now let you hang out with your interest group in VR
#VR #Collaboration #Facebook
While Facebook is eager to get more people using its social virtual reality initiative Spaces, it has until now limited the people users could connect with to their friends or family members on Facebook. But even as Facebook has been making moves recently to make the experience of its core service more familiar to users–by doing … Continue reading “Facebook will now let you hang out with your interest group in VR”
How to easily create themes with CSS Variables
#CSS #DesignPatternLibraries #HTML
One of the best use cases for CSS Variables is theme creation. And by that I don’t only mean changing themes for your entire app, as that’s probably not something you need to do very often. What’s…
Flawless App: macOS tool for visual quality check of mobile apps
#IOS #MobileDev #Productivity
View
Fast Text Transfer plugin for Sketch
#Sketch #Plugin #Productivity
Fast Text Transfer is a Sketch plugin that adds lightning fast copying, pasting and swaping text.
Consolidating Design Systems
#DesignSystems #DPLs #UIDesign
An enterprise usually has many concurrent design systems. Separate groups chart paths loosely aware or even willfully ignorant of what others do. Many systems isn’t necessarily bad. Different…
Figma Dark UI: A Chrome Extension by Paper Tiger Agency
#Figma #UIDesign #Productivity #ChromeExtension
View
The Mockup Club: Best Free Mockups
#Sketch #Photoshop #Figma #Free #Resources #Productivity
A directory of the best free design mockups for Photoshop, Sketch, Figma and InVision Studio.
Design&Prototype Marketplace: UI Kits
#UIKits #Sketch #AdobeXD #Prototyping #UIDesign #DEALS #Plugins #Productivity
View
Sketch: Previewing prototypes in Sketch Mirror & Sketch Cloud
#Sketch #Prototyping
Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.
Flows in Zeplin
#Sketch #Zeplin #Collaboration #Development
For some time, we’ve been scratching our heads around how to present relationships between screens, the flow of the project in Zeplin. This would not just inform developers, but also help everyone in…
Convert videos to high-quality GIFs on your Mac
#Gifs #Tools
GitHub is where people build software. More than 28 million people use GitHub to discover, fork, and contribute to over 79 million projects.
7 Practical Tips for Cheating at Design
#UIDesign #Tips
Every web developer inevitably runs into situations where they need to make visual design decisions, whether they like it or not. Maybe the company you work for doesn’t have a full-time designer and…
Sketch, UX and Prototyping Communities
#Communities #Sketch #UX #Prototyping
View
10 Free Onboarding UIs Built With CSS & JavaScript
#CSS #JS
View
Golden Canon Grid: Freebie Update (V.2)
#Grids #Sketch #Photoshop #XD #Free
Smart Style Switcher: Switch to an existing test style if attributes match
#Sketch #Plugins #Typography #Productivity
Switch to an existing Shared Text Style if the attributes of the text layers matches with some Shared Text Style.
Sketchpacks: Manage and sync your Plugins across machines and teams
#Sketch #Plugins #Tools #Collaboration #Productivity #Teams
A Sketch plugin manager that let’s you sync your Sketch plugins across machines and teams.
Resources, links, references and articles on Design Systems
#DesignSystems #DPLs #Teams
Every company — big and small — is building or planning on building a design system for its SaaS offerings. It makes sense. Having a design system in place is an important step for scaling your…
What would you like to learn or improve in 2018?
💌 Shoot me an email and let me know! 😀
See you soon!
Ciao,
Francesco