...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Bubble: Visual Programming

#NoCode #Startups #Tools

Bubble introduces a new way to build a web application. It’s a point-and-click programming tool, entirely without code. Bubble hosts all applications on its cloud platform.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Archetype: Digital Typography Design Tool

#Typography #WebDesign #Sketch #Fonts #Tools

Archetype lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser. These styles are all underpinned by established typographic best practices meaning less guesswork and more harmonious designs.









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


Oxygen UIKIt

#Sketch #DesignSystems #UIKits #UXPowerTools

The ultimate design system boilerplate for creating beautiful web applications in the most efficient and scalable way possible.
Every symbol is built with text styles and layer styles so you can efficiently update and sync changes across your file.









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


"Why, What, When and How to Prototype User Experiences" Meetup in #NYC

#Events #UX #Prototyping

This event's topics:
- What is a Prototype?
- Discuss why it's good to prototype early and often
- Overview the panorama of prototyping tools
- Share favorite prototyping tools
...









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

Hello 2018!

#Sketch #Prototyping #Workshop #NYC

Hello everyone and happy new year!

I am very excited for what the new year will bring us! So much happened in 2017 in the UX/UI Design and Prototyping space!

Here are some of the things you should check out in case you missed them. A big one for me was the evolution of symbols in Sketch and design systems as well as collaboration among team members, and easier handoffs and if you work with React, lots of exciting things there too.

The last 6 months of 2017 I was pretty busy with a job out of town so I could not organize as many events but I am planning to start the year strong and we'll have events in NYC around:
– "Why it's good to prototype early and often" an event on the (crowded) prototyping space and. Good if you are new to the group/space. This an updated presentation I based on
Timeline by Anima App (just released!)
Fuse Tool's improved UI
Framer Studio
InVision Studio
Figma 2.0

Other big announcement was AdobeXD for Windows

Tons of products now have "Studio" in their name as they all rush to become the all-in-one tool to designers. 🚀

Sketch Workshops in January:
Basic if you are starting now
Advanced if you want to learn more advanced workflows or techniques.

Depending on availability, I organize custom workshop for teams. 

What would you like to learn or improve in 2018?

💌 Shoot me an email
and let me know! 😀

Ciao,
Francesco 









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


STUDIO: The next generation design tool for digital products

#UIDesign #Tools

STUDIO is a next generation design tool for a digital products that goes beyond your imagination. Our vision is to provide a platform for anyone to change their idea into a real product.









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


Teletype for Atom

#Code #Pairing #Collaboration #Tools







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


Litmus: Email Marketing, Email Design & Email Testing Tools

#Email #CSS #HTML #Tools

Litmus provides a suite of email design and email marketing tools, helping you build, design, test, and analyze your emails.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Affinity Designer: Professional graphic design software

#AffinityDesigner #Vector #Tools

Affinity Designer: the fastest, smoothest, most precise professional graphic design software.









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.












Scan & Share
Feed