...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Timeline for Sketch

#Sketch #Plugins #Productivity #Handoff #Animations

Design Interactions, and Export Code, HTML / JS / CSS.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Plant: version control app and Sketch plugin for designers

#Sketch #Plugins #Collaboration #VersionControl

Version control for designers, App and Plugin for Sketch. Sync design versions, collaborate and manage projects.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Welcome to Sketch2React Alpha Demo

#Sketch #Plugins #React

Sketch2React is a React web app that converts Sketch design files into prototype React code. Pretty neat!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Theme Editor Home - Material Design

#Sketch #Plugins #MaterialDesign #UIDesign #UIKits







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Overrideit: Search your overrides

#Sketch #Plugins #Productivity

GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Copy & paste layout settings

#Sketch #Plugins #Productivity

Copy layout settings from one artboard and paste into multiples artboards.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Overrideit: Search overrides in Sketch

#Sketch #Plugins #Productivity

Symbols in sketch as super cool but if it go crazy with too many overrides it will slow down your work flow. I was suffering a lot to find text field inside a symbol I had to scroll through infinity…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Notebook Plugin: document designs and wireframes easier.

#Sketch #Plugins #Collaboration

Notebook: SketchApp plugin to document designs and wireframes easier









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch style libraries

#Sketch #Plugins #DesignPatterLibraries #UIDesign #Productivity

GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Lightning fast wireframing in Sketch

#Sketch #Plugins #Wireframing #ProductDesign #UIKits







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Google Material Theming in a Nutshell

#Sketch #Plugins #MaterialDesign

It starts with a powerful Sketch plugin Material Theme Editor that can potentially replace Craft, InVision, Zeplin, and supercharge the dev process with Material Components. Yep, that’s just a start…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Grid Master

#Sketch #Plugins #Productivity







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ContentSync: Synchronize Content in your Sketch Files (including overrides)

#Sketch #Productivity #Plugins #Tools #Translations







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Paddy 2: Beta Preview Video

#Sketch #Plugins #Productivity #UIDesign

Take autoexpanding buttons and stacked groups to the next level.

First look at the beta of Paddy 2: https://github.com/DWilliames/paddy2-beta

A beta version of the original 'Paddy' Sketch plugin.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Runner: Plugin Integration

#Sketch #Plugins #Development #Runner

A plugin to speed up your Sketch workflow









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SketchToPortfolio: Update your Portfolio directly from Sketch

#Sketch #Plugins #Productivity #Portfolios

Drag Sketch Artboards to your Free&Willing public feed or to a private collection of yours (portfolio, photogallery, moodboard...). Works with PNGs and JPGs as well.

Installation

Download, unzip and double click SketchToPortfolio.sketchplugin

Usage:

1) Launch the plugin: Plugins > SketchToPortfolio > Upload To Free&Willing
2) Log into your Free&Willing account (create a profile)
3) Drag Artboards from your Sketch file into the drop area. You can drag PNGs and JPGs from your desktop too.

Tips:

  • If you organize your images into a collection you have more control on the privacy as the images won't appear in your public feed but will be visible when sharing the collection's URL.
  • You can change the visibility of each image after upload too if you want
  • Adding tags to the artboard (or filename) will add tags to your post. For example the Artboard called "Mobile Home Screen #mobile #app #UIDesign" (same thing for PNGs or JPGs "Mobile Home Screen #mobile #app #UIDesign.png")

Feedback

Please tweet at @fbmore or shoot me an email at Francesco@FreeAndWilling.com









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Problem with Cocoa Webview used for plugin interface - Sketch Developers

#Sketch #Plugins #Dev

The forum for developers working with Sketch Plugins and integrations.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Plugin webview template

#Sketch #Plugins #Dev #Templates







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Stackswell: Bringing CSS smarts to Sketch

#Sketch #Plugins #RWD #Typography

As designers, we have made lots of headway in improving the speed at which we produce responsive designs. Over the last 5 years our industry has adopted new layout tools, perfected flexible grids and…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Diya: Timeline animation directly in Sketch (10% off!)

#Sketch #Plugins #Animations #Deals #Prototyping

Beautiful interaction design. Right inside Sketch.

Special Design&Prototype 10% off:
Use code “DAPNYC” at checkout.

Offer ends on May 10th. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Frame your artboard with a mobile device or desktop browser.

#Sketch #Plugins #Mockups #Productivity

GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Workshop: Mastering Sketch

#Sketch #Workshops #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 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...


Angle Sketch Plugin

#Sketch #Plugins #Tutorials #Presentations #Productivity #Mockups

A little how-to video for applying perspective transforms for your mockups. Download the free plugin here: http://designcode.io/angle









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma’s Platform

#Figma #Plugins #Productivity

Today, we’re excited to launch the Figma Platform, a way to improve design workflows by connecting Figma to other tools, scripts and even web apps. We’re starting off with a new concept for the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Palette 🎨

#Sketch #Plugins #Colors










Scan & Share
Feed