...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Video Course: Get ahead in UI/UX Design - learnux.io

#OnlineCourses #Sketch #Framer #Prototyping







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Defining Product Design: A Dispatch from Airbnb's Design Chief | First Round Review

#ProductDesign #Process #Inspiration #Articles #Airbnb

Airbnb VP of Design Alex Schleifer shares how design can become a more intentional, integrated discipline — and why it must be in order to better build products. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Our 6 Must Reads for Building and Leading a Product Design Team | First Round Review

#ProductDesign #Process #Inspiration #Articles

A well-thought-out design team often accompanies enduring product design. Here are six pieces of advice to help you build and lead a design team from the sole designer to a larger design organization. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Adobe XD CC

#AdobeXD #UIDesign #Prototyping

Today we announce the 1.0 release of Adobe XD. Since the first beta release, we have been laser-focused on building a solution that enables fast-paced, iterative design.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma: Team Library 1.0

#Figma #UIDesign #Libraries #Collaboration

We’re excited to announce Team Library 1.0, which empowers teams to create, use and maintain design systems. We introduced the beta version in February, and since then we’ve talked to hundreds of…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gravit Designer: Mastering Symbols and Anchoring

#GravitDesigner #UIDesign #Free #Tools

In this article we will teach how to use and master Gravit Designer’s Symbol and anchoring features. A Symbol is a component created in Designer, that can be re-used indefinitely.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


InVision Studio | Screen Design. Redesigned. (Coming Jan 2018)

#InVision #UIDesign #Prototyping #Libraries #Collaboration

Unless you've been under a rock 🤣  you probably have already seen the video. Very exciting, especially the ability to design and do better prototyping within InVision. In InVision's words "The world’s most powerful screen design tool. Rapid prototyping, animation, built-in design systems, and collaboration—all in one place." Coming Jan 2018.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Facebook acquires App Store’s #6 app 💰

#Facebook #TBH #Acquisitions

You’re not alone — the app has barely been around. tbd is where your friends tell you what they really think, anonymously. But unlike similar apps of its kind, tbh is all about relentless positivity…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


8-Point Grid: Vertical Rhythm – Built to Adapt

#Typography #UIDesign

The 8-point grid is a powerful system for creating consistent and visually appealing user interfaces (UIs). This post is about how to establish vertical rhythm and set typography in an 8pt grid…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Building Design Collaboration Into Your Workflow – Tanner Christensen – Medium

#Collaboration #Design #Process

If you’re a designer who wants to collaborate well: learn to include others in your process early and often, share and gain insights into how each side works, and focus on removing friction from your…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design Systems vs. Pattern Libraries vs. Style Guides - What's the Difference?

#DesignSystems #PatternLibraries #StyleGuide

Design System – the complete set of design standards, documentation, and principles along with the toolkit (UI patterns and code components) to achieve those standards.
Pattern Library – A subclass in the design system, this is the set of design patterns for use across a company.
Style guide – Another subclass in the design system, this static documentation describes the design system itself: how products should look and feel, use cases for UI patterns, correct typographic scales, etc.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Minimalist Sketch UI Kit Freebie

#Sketch #Free #UIKit

This minimalist Sketch UI kit was designed and shared by Julio Castellano. Happy downloading!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Johny vino™ - Dribbble

#UI #UX #Mobile #Inspiration

Specialized in Interaction design, Mobile Apps [iOS and Android], Web Apps, UI/UX Design.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ZeroHeight: Shared Sketch libraries and Styleguide generation

#Sketch #Plugin #UIDesign #handoff #DesignSystem

A great way to collaborate on design libraries and generate style guides.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UXPin: How to Automate Your Developer Handoffs

#Sketch #UXPin #Photoshop #UIDesign #handoff #Dev #mobile







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma 2.0: Now with Prototyping and Developer Handoff

#Sketch #Figma #Photoshop #UIDesign #handoff #Dev #mobile

Big news in the Figma house today — we’re excited to finally unveil Figma 2.0. It’s an expanded version of the product you love (or at least like a lot, right 😉?) with significant new features…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Designer & Developer Collaboration Tools

#Sketch #Photoshop #UIDesign #handoff #Dev #mobile







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Avocode: PSD & Sketch designs to web, iOS and Android code

#Sketch #Photoshop #UIDesign #handoff #Dev #mobile

Share & inspect Photoshop and Sketch designs on Mac, Windows & Linux. Collaborate with your team, generate CSS, Swift & Android code, export specs and images.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Markly: Free design collaboration app for designers and developers over Google Drive

#Sketch #Photoshop #UIDesign #handoff #Dev

Free collaboration app for designers and developers over Google Drive. Design collaboration / handoff for macOS. Integrates with Sketch and Photoshop. Design handoff, spec and redline for Sketch and Photoshop.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Zeplin: Build pixel perfect apps in peace

#Sketch #Photoshop #UIDesign #handoff #Dev #mobile

Collaboration app for UI designers and Frontend Developers. Design hand-off has never been easier. Generate styleguides and resources, automatically.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sympli: Bring digital products to life faster and easier.

#Sketch #Photoshop #UIDesign #handoff #Dev #mobile

Design handoff, implementation, and collaboration for web and mobile product teams. Sympli works with Photoshop, Sketch, Android Studio, and Xcode.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Comparing Two Raster Image Compression Plugins for Sketch App

#ImageOptimization #UIDesign #Productivity

Back in the early days, a Sketch designer typically had to export uncompressed PNG or JPG images from Sketch and then choose a means for compressing those files (if desired) using a 3rd party utility…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ImageOptim: Optimize image for the web

#Productivity #UIDesign







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Flat Design: Why you should question Nielsen Norman’s research on the trendy design style.

#UX #UIDesign #UXResearch

The Nielsen Norman Group is probably the most influential usability consultancy in the design industry. So, when they publish an article about their research findings titled “Flat UI Elements Attract…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Introducing Libraries and Smooth Corners in Sketch 47

#Sketch #Library #UIDesign

Hello team!! Finally Sketch 47 is here and, alongside a number of smaller bug fixes and improvements, this latest release includes one of our biggest updates yet.

PRO TIP: when Sketch releases a new version it's VERY likely that some plugins will break or that there might be some bugs. It happens when you innovate fast as the team does.

I highly suggest making a backup of your Sketch app (and any file BEFORE opening it with a new version). Then:

1) Duplicate the Sketch app in the app folder (Command + D)
2) Rename the "copy" with the version number (for example "Sketch App 43.2") 
3) Launch Sketch app (not renamed) and check for updates if you are not prompted with an update, and install them

Enjoy both, or more versions of Sketch at once, use them to open files from others that have not or cannot upgrade yet and use the latest one to make sure everything is working in your workflow before making the jump!

Safe Sketching everyone!












Scan & Share
Feed