...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Interaction Flow Kit for Sketch  

#Sketch #Flows #UIKits #Free #UX

The creation of interaction flows is a big part of our process as digital product designers. After many iterations we now have a mind-bending fast way to do all of this in 💎Sketch.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Photopea: Free Online Photo Editor

#Tools #Free #PhotoEditing

Free online photo editor. Open and edit PSD, XCF, Sketch (Photoshop, Gimp and Sketch files). Apply photo effects and filters. Convert between PSD, Sketch and other formats. A perfect alternative to Photoshop or Gimp.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Text Styles Manager ($1 Off Special)

#Sketch #Plugins #Productivity #Typograhy #Deals

After the success of Sketch Symbols Manager, here is a fast and easy way to manage all your Text Styles. No more hassle with long and complex names, or renaming tons of styles because you misspelled a folder name. Keep your text styles clean and tidy. What you can do. Easily rename text styles and text styles folders, Drag and drop your styles from to folder to folder, Create new folders, Delete unused text styles. See how it works: https://youtu.be/i4UOtZhPukg.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


iPhone X and Apple Watch Mockups

#Mockups #Sketch #Photoshop #Free







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Isometric: Generate Isometric views from Artboards

#Sketch #Plugin #Productivity

Generate Isometric views from Artboards and Rectangles in Sketch app.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SketchViewer: View, Version, & Share Sketch Files Online

#Sketch #Tools #Templates

Pan and zoom your .sketch files canvas directly on the web for free. Easily share, collaborate, and even go back in time with intuitive versioning.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Split Shape plugin to split up a rectangle evenly

#Sketch #Productivity #Vectors

Sketch plugin to split up a rectangle evenly by a user generated value









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Dynamic Charts for Sketch

#Sketch #Graphs #Plugins

Create the most popular types of charts by real or random data









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


4 Things Every First Time Sketch Plugin Developer Should Know

#Sketch #Plugins #PluginDevelopment

When I started my internship at Yummygum I had no experience in developing Sketch plugins. Of course I’ve used a couple of Sketch plugins before but I never actually worked on the development of one…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Paddy Buttons: Symbols that auto resize based on content

#Sketch #Plugins #Paddy #Productivity #UIDesign #Tutorial

We all make buttons. They are everywhere in our site and application designs. In Sketch, there is really no easy way to handle buttons. Once you have made one, you are good until you have to make the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Style Libraries

#Sketch #Plugins #Typography #Productivity #DesignPatternLibraries

Sync layer & text styles from any Sketch Library









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Versions by Sympli

#Sketch #Productivity #Collaboration #Versioning #Teams

A version control and collaboration tool for Sketch









Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Workshop: Mastering Sketch (Early Bird - May 3rd)

#Sketch #Workshop #NYC #Advanced

This workshop is for for anyone that has already working experience with Sketch and would like to improve or master it.

You'll be learn about resizable Symbols, Plugins, Pattern Libraries and more.

Agenda (3hrs):
– Sketch’s UI: Shortcuts and plugins for navigating folder structures and organizing layers and artboards.
– Styles: Text and Shapes (import/export to share with others)
– Advanced Symbols: How to create nested symbols for creating Design Pattern Libraries (DPL) using Atomic Design principles
– Practical tips for DPLs (lessons learned)
– Managing projects and symbol libraries with Abstract or Kactus
– Naming conventions and exporting (including exporting to SVG)
– Plugins: Manage and leverage plugins for an efficient workflow (Runner, Rename it, Anima Autolayout, Launchpad and more)
– Anima's AutoLayout: building responsive layouts, grids, tables and more.

Time and Date:
– 4:30pm to 7:30pm
– May 3rd 2018 (spread the word and you both get $10 off!)

Location:
Manhattan, NY. The exact location to be announced 3-4 days prior to the workshop.

Please note:
– Bring your laptop to follow along and pre-install Sketch 48 or higher (Free trial).
– Each workshop is tailored to needs and pace of the group.
– We require at minimum of 5 attendees, so spread the word! Max 10 students per event.
– Refunds: You can request a refund or save a spot for the following scheduled date. You can cancel anytime up to 48 our prior the event. 

Questions?









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic UI Pattern Library Sketch freebie

#Sketch #AtomicDesign #UIKits #DesignPatternLibraries #Free

Atomic UI Pattern Library resource, for Sketch App. 









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


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


Uplabs: One More UI Kit

#UIKits #Sketch #Photoshop

Professional Toolkit for Create Landing Pages. This is the starting point and the fastest path to the prototype for design landing pages because many designers...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic Sketch: Noteworthy 

#Sketch #AtomicDesign #UI

As a designer of user interfaces it is nearly impossible not to know two things: Sketch and Atomic Design. For a long time the features offered by our favorite UI design tool were missing suitable…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Why Your App Looks Better in Sketch

#Sketch #iOS #Typography #Handoff

Typography, shadows, and gradients can look surprisingly different between Sketch and iOS, even if the constants are identical. Let’s learn more and find ways to fix these issues in our apps.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


“Why, What, When and How
 to Prototype User Experiences” Jan 2018 Deck

#Sketch #Workshop #Prototyping #Deck #PDF







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sitemap Sketch Libraries for UX designers

#Sketch #Libraries #UX #Free

anotherplanet.io-ux-template - Sitemap Sketch Libraries for ux design.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How we Built a Tool to Export React Prototypes from Sketch

#Sketch #React #Prototyping

Every year, right before the holidays, we dedicate a week of our time at Tictail to do something that is not part of our normal work. We call this the Demo Week, and it’s a great opportunity to…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design System UIKits: A Curated Collection

#Sketch #DesignSystems #UIKits







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.















Scan & Share
Feed