...



Francesco Bertocci

Sr. Product/UX/UI Designer

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


Avocode 2017 UI Design Report - Free E-book

#Reports #UIdesign

Download the Full Design Report e-book about top UI design trends based on data from over 2,000,000 Sketch and Photoshop designs that were uploaded to Avocode in 2017.









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 shortcuts

#Sketch #Productivity

Shortcuts.design is the ultimate shortcut reference for designers. Charge your workflow in Sketch with all the Sketch shortcuts in one place 👨‍🎨









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-primitive: Reproducing images with geometric primitives in Sketch

#Sketch #Plugins

Reproducing images with geometric primitives in Sketch









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Grid Master

#Sketch #Plugins #Productivity







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ContentSync: Overview Demo Video

#Sketch #CMS #Content #Translations #Tools #Plugins

Overview demo video of the ContentSync Sketch plugin. Easily synchronize content to and from Google spreadsheets. https://www.contentsync.io









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


Form: Free wireframe kit from InVision

#UIKits #Sketch #Free #Wireframing

Form is a free wireframe kit for speeding up your design workflow. Layouts sized for mobile, desktop, and tablet and available in Sketch and PSD formats.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Bottom and Top-Right Pinned Menus using Anima App

#Sketch #UIDesign #Tips #AnimaApp

At the moment the only way in Sketch to make an Updatable Bottom and Top-Right Pinned Menus using Anima App is to “hack it”. (If you landed here it’s probably because you tried it before and didn’t really work fo you… It was a problem for me too, hence this hack 🤪)

Get the sample file or read below:
  1. Apply a 180 degree rotation (Transform) to the stack



Apply a 180 degree rotation

AND to the actions/elements in the stack (Visually it will look the same as your original menu.)



2) Make sure to pin your stacks (bottom or top right)



Pin your stack or symbol (bottom like above, or top right)

It works with normal stacks and with stacks inside symbols. Same hack for right aligned menus.



Tricky but does the job! :)

👉 Here you can download a sample file.

Let me know if you have any questions.

Ciao!
Francesco









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Bottom and Top-Right Pinned Menus (File)

#Sketch #Files

The only way to build Bottom and Top-Right Pinned Menus using Anima is to “hack it”…
1) Apply a 180 degree rotation to the stack AND to the actions/elements in the stack (Visually it will look the same as your original menu.)
2) Make sure to pin your stacks (bottom or top right)

This method works with normal stacks and with stacks inside symbols. Same hack for right aligned menus. See below!

Tricky but does the job! :)









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


Grid System Library

#Sketch #Photoshop

Great work from a designer in the Dribbble community; your best resource to discover and connect with designers worldwide.









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


The Long Awaited Sketch for Windows Comes From an Indie Team

#Sketch #Lunacy #UIDesign #Windows #Tools #Free

There’s a new software called Lunacy which is an extension of the Sketch platform for the billions of Windows users. Lunacy is a full-fledged editor which has following unique features: Design…












Scan & Share
Feed