...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UX Power Tools: Getting Started with UX Design in Sketch

#Sketch #Articles #Resources

We’ve written a lot about Sketch tips at UX Power Tools over the last two years and I wanted to organize them in a way that would help designers who are just starting to get in UX. I should also…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ProtoPie: Prototype mobile interactions as easily as Pie

#Prototyping #Tools #Mobile #Advanced

Piece hi-fi interactions together, build sensor-aided prototypes and share your amazing creations in a matter of minutes.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Protowire: Prototyping in Sketch (30% off!)

#Sketch #Prototyping #Tools #Plugin #Deals

No coding or exporting to other applications:
Watch the Video

Rather than something you do at the end, Protowire aims to integrate interaction and animation into the design process without having to change your designs to suit the software.

  • Integrated into Sketch
    No need to export to a separate prototyping application - review the prototype instantly in Sketch or on a device.

  • UI Animations
    Just by moving layers around you can have overlays appear and disappear.

  • Screen Transitions
    Quickly create the flow of your app by linking up artboards from layers or hotspots.

  • Responsive Design
    Use Sketch’s resizing constraints and responsive artboard groups to make prototypes that work on any screen size.

To celebrate the launch there is 30% off the pro version by using coupon code 9146C9AF. 

Offer expires on Monday 26th February at 4pm Pacific Time.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


FontRapid: Design and create fonts directly in Sketch for free

#Fonts #FontDesign #Tools #Sketch

Free FontRapid for Sketch plugin helps designers design and create font directly in Sketch, with few clicks!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Dynamic Heatmaps, Visitor Recordings, Live Chat Software, Conversion Funnels, Form Analytics, Polls, All-in...

#Video #Analytics #UserTracking #Optimization

Lucky Orange will help you answer the question of why 99% of visitors that visit your site never turn into customers. It's one of those tools that will have you wondering how you ever lived without it.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design Tools Survey

#UX #UIDesign #Tools #2017

Wonder which tools everyone else is using? In this survey, 2,000 designers give their opinion on the most popular design tools of 2017.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: Interactive Screen Design Tool

#Prototyping #UIDesign #Tools #Framer

Framer is the best screen design and interactive prototyping tool. Create your designs and then easily turn your work into high-fidelity prototypes. Used by Facebook, Google, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design Systems Market by UXPowerTools

#DesignSystems #UXPowerTools #Productivity

Premium UX design systems for ux designers using Sketch for UI and UX projects by UXPowerTools









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Lottie: Behind the scenes of our new open-source animation tool.

#UIDesign #tools #Animation #opensource







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UX Power Tools UIKit

#Sketch #DesignSystems #UIKits

Our design systems are meticulously designed in Sketch using Layer Styles, Text Styles, and Symbols, so updating dozens of components takes seconds, not days.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


10 A/B testing tools to help improve conversions

#Optimization #Startups

You have a hunch that something on your website is no€™t working. Or maybe you want to try something new, but are no€™t sure how to evaluate whether it'€™s successful. Either way, the s...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Uxtools.co: Compare Versioning Tools

#Productivity #Tools #UIDesign #Collaboration

Compare popular industry UX tools for design, prototyping, handoff, versioning, monitoring, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Compare UX Prototyping Tools for mobile and desktop app design

#Prototyping #Tools

With so many prototyping tools out there, you need to choose the best tool for the job. From Low fidelity wireframe tools to hi-fi UI design tools









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Stripe: Connect Overview

#Stripe #Payments #marketplace

Learn how to use Connect, our solution for any business that needs to process payments and pay out to multiple parties.
Stripe Connect is a full-stack solution for using Stripe’s capabilities on behalf of others. Connect provides a powerful API and other tools you need to make charges, as well as onboard, verify, and pay sellers, contractors, service providers: whomever your business’s users are.
You can tailor your integration in various ways, including:
  • Specifying how money moves from the customer to you, and ultimately to your platform’s sellers or recipients
  • Collecting fees for your service
  • Assigning payout schedules and payout methods
  • Supporting different types of Stripe accounts
You can connect your platform to existing Stripe accounts or create new ones.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Abstract vs Kactus vs Plant: a guide of version control solutions for Sketch

#Sketch #Abstract #DesignSystems #Productivity #Plugins

The new generation of tools created for digital media is slowly breaking the ties with the old world. It’s time the links between the design and build processes…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fuse: Endless scroller - Examples

#FuseTools #MobileDev

This example demonstrates how we can create an endless scrolling list that removes elements as they scroll out of view.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Inkscape: Draw Freely

#Inksacpe #Vector #Tools #Free

Inkscape is professional quality vector graphics software which runs on Linux, Mac OS X and Windows desktop computers.









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


Workshop: Sketch and Fuse Tools | Design & Prototype NYC Meetup

#Events #UX #Fuse

Hello everyone! I am very excited about this one! I have tested Fuse a few years ago as I loved their promise, simple UX-focused code that could empower...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Event: Fuse, A New Approach to Designing and Developing Native Mobile Apps

#Events #UX #Mobile #Fuse

We're co-hosting this Meetup with other four groups this time. We're having a Fuse engineer coming from Oslo to speak, so I really hope to see you there!

Come and discover a new approach that integrates design, prototyping and development. Fuse unifies development with design through rapid, real-time workflow, visual tools and simplified code, resulting in real native apps for both iOS and Android (from the same codebase) - all the way from prototype to the app store.

In this presentation, we'll show some examples of what can be achieved with Fuse, and briefly examine the make up of a finished app.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Modulz – An open-source design system

An open–source design system of styles, components, patterns, templates, tools and documentation.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Interplay: Digital Product Design using real (coded) components!

#DesignSystems #Components

Components in Design Systems and pattern libraries are helping Design scale consistently across organisations.

Frontend frameworks such as React, Angular and Vue make writing component code a breeze.

Yet it feels like our existing prototyping tools haven’t kept up - linking static images together can never describe the rich user experiences available in code.

What if we could design and prototype directly with our code components?









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How Google Designers Adapt Material – Google Design

#DesignSystems #Material #UIDesign #Google

Material Design provides a set of tools and guidance to help you make informed decisions about the different UX design directions you could take when creating an app. But what happens when the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Things You Might Not Know About Typography in Sketch | Toptal

#Sketch #tutorial #typography

When working with typography, Sketch comes up short, especially when you compare it with the most popular design tools out there. In this article, we’ll give you quick tips to compensate for its shortcomings with typography.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


A Better Way to Make Buttons in Sketch – UX Power Tools – Medium

#Sketch #UIDesign #Productivity

Sketch symbols are great because they provide one central place to manage components. Buttons are some of the easiest components to create, but like text fields, they have a lot of different states…












Scan & Share
Feed