...



Francesco Bertocci

Sr. Product/UX/UI Designer

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


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


10 Free Animation Libraries For The Web

#CSS #Animation #JS

Animation is one of the key trends for 2018, but you don't have to reinvent the wheel to add movement to your sites. We look at the best free animation









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Adele: Design Systems and Pattern Libraries Repository

#DesignSystems #Directory

Dozens of design systems and pattern libraries thoroughly analyzed. Learn, enjoy, contribute!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


A Roundup of Sketch Libraries Articles & Videos

#Sketch #DesignLibraries







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


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


Sketch Symbol Swapper

#Sketch #Plugins #Libraries #Productivity

Swap the selected symbols and/or symbol instances to a master of the same name in a library.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Introducing InVision Design System Manager (DSM)

#DesignSystems #Libraries #InVision #Sketch #Collaboration

InVision DSM makes it possible for every product team to create and maintain a design system at scale—allowing teams to maintain a consistent user experience across every digital interface.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma: Team Library 1.0

#Figma #UIDesign #Libraries #Collaboration

We’re excited to announce Team Library 1.0, which empowers teams to create, use and maintain design systems. We introduced the beta version in February, and since then we’ve talked to hundreds of…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


InVision Studio | Screen Design. Redesigned. (Coming Jan 2018)

#InVision #UIDesign #Prototyping #Libraries #Collaboration

Unless you've been under a rock 🤣  you probably have already seen the video. Very exciting, especially the ability to design and do better prototyping within InVision. In InVision's words "The world’s most powerful screen design tool. Rapid prototyping, animation, built-in design systems, and collaboration—all in one place." Coming Jan 2018.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Libraries, an in-depth look

#Sketch #Libraries

Last week we launched Libraries, our biggest and most anticipated update yet. We’re really excited about it and we know a lot of you are too, so we thought we’d take a closer look at how Libraries…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Library Symbol Replacer

#Sketch #Library #Plugin #Productivity

Replace symbols in the current document with symbols from a Library.

Sketch 47 sees the introduction of Libraries, but migrating existing files to use Library symbols is one of the first big headaches. This plugin aims to help with that by allowing you to replace symbols in the current document with symbols from a Library document - maintaining overrides where possible.

N.B. the plugin currently uses symbol name to work out what to replace with what, so be careful of any conflicts.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design Systems vs. Pattern Libraries vs. Style Guides - What's the Difference?

#DesignSystems #PatternLibraries #StyleGuide

Design System – the complete set of design standards, documentation, and principles along with the toolkit (UI patterns and code components) to achieve those standards.
Pattern Library – A subclass in the design system, this is the set of design patterns for use across a company.
Style guide – Another subclass in the design system, this static documentation describes the design system itself: how products should look and feel, use cases for UI patterns, correct typographic scales, etc.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ZeroHeight: Shared Sketch libraries and Styleguide generation

#Sketch #Plugin #UIDesign #handoff #DesignSystem

A great way to collaborate on design libraries and generate style guides.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Libraries & Abstract: Per-project Libraries

#Sketch #Abstract #DesignSystems #Productivity #plugin

This morning Sketch released a new feature called Libraries, and we’re excited to support this new design workflow on the first day it’s available. Update Abstract to get started! Libraries are the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Introducing Libraries and Smooth Corners in Sketch 47

#Sketch #Library #UIDesign

Hello team!! Finally Sketch 47 is here and, alongside a number of smaller bug fixes and improvements, this latest release includes one of our biggest updates yet.

PRO TIP: when Sketch releases a new version it's VERY likely that some plugins will break or that there might be some bugs. It happens when you innovate fast as the team does.

I highly suggest making a backup of your Sketch app (and any file BEFORE opening it with a new version). Then:

1) Duplicate the Sketch app in the app folder (Command + D)
2) Rename the "copy" with the version number (for example "Sketch App 43.2") 
3) Launch Sketch app (not renamed) and check for updates if you are not prompted with an update, and install them

Enjoy both, or more versions of Sketch at once, use them to open files from others that have not or cannot upgrade yet and use the latest one to make sure everything is working in your workflow before making the jump!

Safe Sketching everyone!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Customising the Sketch Library Preview Image — beta

#Sketch #Libraries #tips

There’s been a lot written about Sketch’s new native library feature, so I won‘t cover old ground. For me, the nested symbols support is a real winner, and I am looking forward to Abstract support…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Setting Up a Design System with Frames

#Sketch #DesignSystems #UIDesign #Productivity

The system is designed to be lightweight and adaptable to brands, that why many teams find it a really useful tool for building their own libraries based on it. 🖖 Frames Master file is divided into…









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


Merge duplicate symbols and styles in Sketch

#Sketch #Plugin #Productivity #Paid

The Merge duplicates plugin will automatically find all the duplicate symbols within your whole Sketch file and linked libraries and prompt you about what to do with them.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Library Inception for Projects and Design Systems

#Sketch #DesignSystem #UIDesign #BestPractice

Last week Sketch released Libraries in their 47 Beta, my number one dream feature and something I had a chat with Megan Raddatz about in the comment section of one of my articles from last year…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Libraries and Symbols

A list of free and premium Sketch libraries and Symbols












Scan & Share
Feed