...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sync layer & text styles from any Sketch Library

#Sketch #Plugins

sketch-style-libraries - Sync layer & text styles from any Sketch Library









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


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


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

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


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


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


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


Creating an icon set on Sketch with SVG Files

#Sketch #Icons #IconLibraries #Video #Tutorial

Let's turn SVG files into an icon set Sketch Library PLUGIN: https://github.com/AMoreaux/Sketch-Icons FONT AWESOME: https://fontawesome.com/









Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Workshop: Mastering Sketch

#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:
– 5:00pm to 8:00pm
– Upcoming Thursday (Date to be announced when we reach the quorum, spread the word and you both get $10 off!)
– Location: Either 135 Bowery or 26 Broadway or in SoHo.

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


Zeroqode: No-Code Platform for Bubble

#NoCode #Startups #MVP

No-code responsive Bubble templates & plugins for dashboards, landing pages, e-commerce apps & API settings allows you build your website 10x faster









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


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

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

Workshop: Mastering Sketch

#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:
– 5:00pm to 8:00pm
– Thursday January 18, 2018

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


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


Sketch-Icons

#Sketch #Plugin #Icons

Generate a dynamic icons library












Scan & Share
Feed