...



Francesco Bertocci

Sr. Product/UX/UI Designer

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


Sketch Libraries, an in-depth look

#Sketch #Libraries

Last week we launched Libraries, our biggest and most anticipated update yet. We’re really excited about it and we know a lot of you are too, so we thought we’d take a closer look at how Libraries…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


LoopBack - Node.js framework

#API #Json

Care Json API









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Live: Learn Fuse Tools with Juan

#Fuse #Meetup #Community #NYC #Workshop

Hello Everyone, make sure to download the latest version of Fuse to follow along: https://FreeAndWilling.com/fbmore/Downloads--qa--Fuse









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


Sketch to React Native Plugin

#Sketch #React #Plugin #Productivity

Convert Sketch files into React Native components









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Be a Part of the First Propelify Humanity Challenge

The reason so many of us pursue entrepreneurship and technology is not to pursue a fortune, but to realize our purpose and to make a lasting positive impact on the world. The ethos of our name, Propelify, is to represent our community of those who take action, propelling ideas into reality. 









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


Library Symbol Replacer

#Sketch #Library #Plugin #Productivity

Replace symbols in the current document with symbols from a Library.

Sketch 47 sees the introduction of Libraries, but migrating existing files to use Library symbols is one of the first big headaches. This plugin aims to help with that by allowing you to replace symbols in the current document with symbols from a Library document - maintaining overrides where possible.

N.B. the plugin currently uses symbol name to work out what to replace with what, so be careful of any conflicts.









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


Icon8 Lunacy: Sketch viewer for Windows

#CSS #HTML #Handoff

Free viewer for .sketch files for Windows. Lunacy is a viewer as it should be: it works without uploading to the cloud or converting.









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


Handling images with Srcset and sizes — ericportis.com

#HTML #CSS #RWD #Dev







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to deliver responsive images across multiple devices

#HTML #RWD #CSS #Optimization

According to the data from HTTP archive, 64% of a website’s page weight, on an average, is made up of images. With mobile traffic surpassing desktop traffic, it has now become even more crucial to…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Marvel: Free mobile, web prototyping & handoff

#Marvel #Prototyping #Development #mobile #handoff

Turn sketches, mockups and designs into web, iPhone, iOS, Android and Apple Watch app prototypes.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


13 Things You Should Give Up If You Want To Be a Successful UX Designer

#UX #CareerAdvice

Success has different definitions for everyone. Becoming a great giver upper is essential to succeeding at the things that are important to you. Give up the stuff that is holding you back from…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


FullStory: Pixel-Perfect Session Replay

#UX #Research #Video #heatmaps

FullStory's pixel-perfect session replay tells you everything you want to know about your customer’s online experience. Capture every click, swipe, and scroll.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Hotjar - Heatmaps, Visitor Recordings, Conversion Funnels, Form Analytics, Feedback Polls and Surveys in On...

#UX #Research #Video #heatmaps

See how visitors are really using your website, collect user feedback and turn more visitors into customers.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Inspectlet: Website Heatmaps, Session Recording, Form Analytics

#UX #Research #Video #heatmaps

Watch individual visitors use your site as if you're looking over their shoulders.
Inspectlet records videos of your visitors as they use your site, allowing you to see everything they do. See every mouse movement, scroll, click, and keypress on your site. You never need to wonder how visitors are using your site again.









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


Anima Launchpad: Responsive Website Template and Animate on Scroll

#Sketch #Animatio #Anima #Launchpad

We’ve introduced MyPortfolio.design last week, a free place for designers portfolio. To get you started faster, we’re releasing this freebie sample of a portfolio. First, If you haven’t tried it…









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…












Scan & Share
Feed