...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Freelance Time Tracking by Bonsai

#Bonsai #TimeTracking #Freelancing #Productivity

The best time tracker for freelancers! Integrated invoicing, global payments and advanced reporting. Available on iOS, OS X, and online.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Remote Starter Kit for Teams

#Collaboration #Productivity #Tools

Tools & processes that’ll help power your team’s virtual collaboration and happiness, recommended by your friends at Hanno.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SketchSeparateShapes: Plugin for ”boolean” operations on overlapping layers

#Sketch #Plugins #Productivity #Vectors

A Sketch-app plugin that does a ”boolean” separate operation on two selected shapes. Like divide in Pathfinder in Adobe Illustrator.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Bringing AI to your Workflow without Code: Stamplay adds Algorithmia - Algorithmia Blog

#AI #Productivity #Stamplay







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Symbol Instance Locator: Locate all instances of a selected symbol or instance.

#Sketch #Plugins #Productivity #Sonburn

Locate all instances of a selected symbol or instance.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


[Discontinued] Paddy: Automated padding, spacing and alignment for your Sketch layers

#Sketch #Plugins #Productivity #Paddy

Automated padding, spacing and alignment for your Sketch layers









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Haiku: Design, meet production

#Haiku #Animation #UIDesign #iOS #Android #WebDev #MicroInteractions

Where designing is building. Design UI components, powered by motion. Works with any iOS, Android, or Web codebase.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design, UX & Product Books

#UX #Product #Research #Books

A curated list of books on UX, Product and Lean methodologies.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Midnight: Dark Theme Sketch Plugin (now 50% off!)

#Sketch #Plugins #Productivity #Deals

Midnight adds a dark theme to Sketch! I had a chance to try it and ❤️ it.

Bonus features include layer tags (yay to organization!) indent guides, custom selection color, custom canvas darkness, and more. If you are using Sketch before going to bed you might even switch to Night Owl mode.

**Midnight 1.2 now Includes a bonus ultra-light theme called Lark + all new Bright icon-set + advanced features like the ‘Collapse All Groups’ button and high contrast Vector Handles + many performance improvements and bug fixes.

👉 *Special 50% off offer ends soon! Scroll down to get it!

Layer Tags: Apply colored tags to Layers, Artboards and Pages.




Indent Guides: Easily identify how Groups and Layers are nested.



Custom Toolbar Icons: Choose to display icons from a theme, or keep the original icons.


Works with Runner: Automatically match Sketch Runner’s dark mode with Midnight.

Customize Canvas Darkness Darken the canvas to perfectly complement your design.

Change Selection Color: Choose any color you like, or use the default color from the theme.












Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Timeline for Sketch Plugin

#AnimaApp #Animation #Sketch #Plugins

Unleash your creativity. Create GIFs & Videos directly from Sketch.
Pre-Sale continues with 25% off until official release in March. Timeline price will be $79 when we launch.

👉 Watch the video 📼

  • 100% Money back in case of no release
  • 25% OFF Official price (1 year)
  • License includes a year’s worth of updates
  • Expected Release March - 2018
Our products are being used & loved by designers at Apple, Facebook, Google, MailChimp, Starbucks, Shopify, Amazon, Disney Netflix, Trip Advisor and a lot more.

Our goal at anima is to empower designers with powerful visual tools.
Amongst our products you can find Auto-Layout for Sketch and Launchpad for Sketch.

Auto-Layout pioneered responsive design without coding, empowering designers to better express their ideas into live designs.
Launchpad is the first Sketch to live website solution, that enables designers to pubish real websites without the need of coding or hiring developers.

With Timeline, we are aiming to allow designers to create beautiful animations with ease.

If you believe that given the right tools you can achieve much more, support this project and join the movement.

Example animations created with Timeline




To Pre-Order Timeline click "Pay Now" below.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Arduino Prototyping with ProtoPie

#Protopie #Prototyping #Hacks #Arduino

The products Apple unveiled during WWDC 2017 showed that software interactions are organically taking place with hardware interactions, and in some cases, there is no clear boundary between the two…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch plugin for renaming shared styles

#Sketch #Plugins #TextStyles #Productivity #DesignPatternLibrary

sketch-style-master - Sketch plugin for renaming shared styles









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Presto Selecto: Quickly select all layers by name

#Sketch #Plugins #Productivity

presto-selecto - Quickly select all layers of a type, whose name matches or contains a given string.









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

Sketch Workshops for Teams

#Sketch #Workshop #NYC #Advanced

Custom Sketch Training for Teams
This Sketch app workshop is customizable for any team or group either new to Sketch or that is ready to master it and take collaboration workflows to the next level and be more productive.

Agenda example (approximately 5-6hrs over 1 or 2 days):
– Sketch’s UI: What's obvious and what's a little more hidden, navigating folder structures and artboards
– Styles: Text and Shapes (import/export to share with others)
– Symbols Overview: How to create them and when to use them.
– Symbols: Resizing and overriding.
– Manage and leverage plugins for an efficient workflow (Runner, Rename it, Anima Autolayout and more)
– Anima's AutoLayout: building responsive layouts, grids, tables and more.
– Naming conventions and exporting Zeplin (including exporting to SVG)
– Libraries: Using Symbols from shared libraries and UI kits.– Advanced Symbols: How to create nested symbols for building Design Pattern Libraries (DPL) using Atomic Design principles
– Practical tips for DPLs (lessons learned)
– Managing projects and symbol libraries with Abstract

Please note:
– Attendees should bring their laptop to follow along and pre-install Sketch 48 or higher.
– Each workshop is tailored to needs and pace of each group.
– Payment is due at the time of booking. You can reschedule anytime up to a week prior the event.

Costs:
Cost varies based on number of attendees, location, travel time and overall team commitment.

Want to request availability or have questions?









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


Pendo: Understand and Guide Your Users

Pendo helps product teams understand and guide users to create product experiences that customers love.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Bootsketch The Perfect Boostrap Companion Sketch File (10% off)

#UIkits #DesignSystems #Productivity #Bootstrap #Deals

Bootstrap components for Sketch so you can focus on shipping products instead of renaming layer groups









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Lightning Design System (Salesforce)

#DesignSystems #Components #DesignTokens

The Lightning Design System reflects the patterns and components that underpin the Salesforce product. These patterns and components provide a unified language and consistent look and feel when designing apps and products within the Salesforce ecosystem.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Move Symbols to Library

#Sketch #Plugin #Productivity #DesignSystems

You can now move a symbol from your project to any library and re-connect all the symbol instances to this library while keeping the overrides. It works with Abstract too!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Font Awesome 5 Icon Sketch Libraries

#Sketch #UIDesign #Productivity #Free #Icons

Font Awesome 5 Icon Sketch Libraries. 899 Free Vector Icons - Free Sketch Libraries - Changeable Colors Quickly Override the icons and colors.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Haiku: design meets production

#animation #UIDesign #webdesign

Design, meet production. Craft imaginative UI components that snap into any web app. Code optional.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Airtable Universe: Polaris UX Nuggets example

#UX #Research #Video #Feedback #collaboartion

Tomer Sharon, the head of User Experience at WeWork and author of the books Validating Product Ideas and It's Our Research, considers Polaris "one...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketchbook plugin: HTML-sketchapp · GitHub

#Sketch #Plugin #HTML #Productivity

Experimental HTML to Sketch export solution









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


86 Sketch shortcuts that every product designer should be using

#Sketch #Productivity #shortcuts

Designers, these Sketch shortcuts are about to make your life *so* much easier.












Scan & Share
Feed