...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UX STRAT :: Europe Conference

#Conferences #Events #UX

UX STRAT conferences are curated for UX professionals who want to develop a more strategic approach to their product and service design programs.









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


Sketch Grid Master

#Sketch #Plugins #Productivity







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


GraphQL: A query language for your API

#APIs #Productivity #Tools







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


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


JavaScript Load Image (Fix EXIF Orientation)

#JS #Productivity #Images

JavaScript Load Image is a library to load images provided as File or Blob objects or via URL. It returns an optionally scaled and/or cropped HTML img or canvas element. It also provides a method to parse image meta data to extract Exif tags and thumbnails and to restore the complete image header after resizing.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


8 Design Principles at Framer

#CareerAdvice #Productivity

A set of guidelines that keep our product team aligned, focused, and productive.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Designer & Developer Collaboration Tools

#Collaboration #Productivity #Tools







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


reveal.js: The HTML Presentation Framework

#Presentations #Productivity #JS

A framework for easily creating beautiful presentations using HTML









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer Cheat Sheet: Scroll Components

#Framer #Productivity #Prototyping

In my last Cheat Sheet we explored Page Components, and now it is time to graduate to Scroll Components, Ladies and Gentelmen. Like the other Cheat Sheets in this series, we will look at the very…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Spell Check Plugin

#Sketch #Productivity #Plugins

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


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


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


The Design Genome Project

#InVision #Resources #Enterprise

The Design Genome Project explores the DNA of the world's best product design teams—including Netflix, Slack, Shopify, Capital One, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Generate a typographic scale from selected text layers

#Sketch #Plugins #Typography #Productivity







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UI Faces: Avatars for design mockups

#UIDesign #Images #Productivity #Free #Sketch #Plugins

Aggregator that indexes various free avatar sources that you can use in your design mockups by copy—paste, API and Sketch plugin.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Maze: Analytics for your InVision prototype.

#Analytics #Prototyping #InVision

Create missions testers will perform on your InVision prototype and discover how your product’s design can be improved, with 0 lines of code.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Name Organizer

#Sketch #Plugins #Productivity







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Consistent Design Systems in Sketch With Atomic Design and the Auto-Layout Plugin

#Sketch #DesignSystems #BestPractices #AnimaApp #Autolayout

Do you design digital products (or websites) and hand design files off to developers for implementation? If you answered yes, settle in! While the should-designers-code debate rages on, we're going to look at how adding a methodology to your design workflow can make you faster, more consistent, and loved by all









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Looper: Sketch plugin

#Sketch #Plugins #Productivity

Duplicate, Rotate and Scale the smart way









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Glue UI Kit Sketch freebie

#Sketch #UIkits #Free #Productivity

Sketch App free sources, Glue UI Kit resource, for Sketch App. Glue UI Kit Sketch file freebie.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: Copy and paste artboards, groups & more from Sketch

#Framer #Productivity #Prototyping #Sketch










Scan & Share
Feed