...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


10 cheat codes for designing User Interfaces

#Sketch #UIDesign #Tips

I’d probably assume that most of us started in UI design with the littlest knowledge or nothing at all. But even though the odds were against us at the start, we managed our way through numerous…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Previewing prototypes in Sketch Mirror & Sketch Cloud

#Sketch #Prototyping

Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Skpm Sketch Plugin Packager

#Sketch #PluginDevelopment

skpm - 💎📦 A utility to build and publish sketch plugins









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma Dark UI: A Chrome Extension by Paper Tiger Agency

#Figma #UIDesign #Productivity #ChromeExtension







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Consolidating Design Systems

#DesignSystems #DPLs #UIDesign

An enterprise usually has many concurrent design systems. Separate groups chart paths loosely aware or even willfully ignorant of what others do. Many systems isn’t necessarily bad. Different…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Prototyping, Libraries on Sketch Cloud and an official iOS UI kit in Sketch 49

#Sketch #Announcements #Libraries

The latest update introduces Prototyping, the ability to subscribe to Shared Libraries on Sketch Cloud, and a built-in Apple UI Design Resource. Find out more in the full blog post.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Workflow: 8 point Soft Grids

#Grids #UIDesign #Workflows #Articles

I wanted to share my Sketch workflow designing on an 8 point soft grid. If you are not familiar with this concept please read Bryn Jackson’s great article on 8pt Grids first. I have a fairly unique…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Bootstrap UI Kit for Sketch

#Sketch #UIKits #Free #Productivity #Bootstrap #UIDesign

This super useful Bootstrap design system for Sketch was designed and shared by the Thorgate team. I hope you enjoy!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Interaction Flow Kit for Sketch  

#Sketch #Flows #UIKits #Free #UX

The creation of interaction flows is a big part of our process as digital product designers. After many iterations we now have a mind-bending fast way to do all of this in 💎Sketch.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


20 UI Animation Tutorials

#UI #Animations #Tutorials #MicroInteractions

20 Really Useful UI Animation Tutorials Every Designer Should Know









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


THE LOOP: a documentary on IBM design thinking

#DesignThinking #Documentary #UIDesign

InVision presents THE LOOP, a short documentary on IBM's enterprise design thinking transformation, featuring candid interviews with design leaders.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: Form Elements UI Kit

#Framer #Forms #Prototyping

Use this Framer interactive UI kit to capture all kinds of user input in your prototypes.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Pasteboard: Easy Image Uploads

#ImageUploads #UI #JSLibraries

Super simple and lightning fast image sharing. Upload clipboard images with Copy & Paste and image files with Drag & Drop.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SketchViewer: View, Version, & Share Sketch Files Online

#Sketch #Tools #Templates

Pan and zoom your .sketch files canvas directly on the web for free. Easily share, collaborate, and even go back in time with intuitive versioning.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma: A Fluid and Modular Design Approach to Typography with Components

#Figma #Typography #Components #AtomicDesign

One of the main concern for designers during the making of an adaptive or responsive UI is text management. The vast majority of the components built on a system are made using text elements. The…









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


A Quick Guide to CSS Media Queries for Printable Webpages

#CSS #Printing #tips







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Francesco Bertocci UX/UI/Product Designer - Portfolio Samples

#Portfolio #UX #Designer







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


Framer: Free Resources

#Framer #UIKits #Prototyping #Free

Download our free UI elements and kits to easily start your next design project, or learn Framer with online courses and an e-book from the community.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic UI Pattern Library Sketch freebie

#Sketch #AtomicDesign #UIKits #DesignPatternLibraries #Free

Atomic UI Pattern Library resource, for Sketch App. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Recolist + Recommendation Platform: Mobile Design Exploration

#Portfolio #Mobile #UI #Branding







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Phase: Digital App Design (and export to code!)

#UIDesign #Tools #MobileDev #Native #React

Create Websites & Apps Visually, and Intuitively. Join us in the Real Digital Revolution. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Adobe XD CC: UIKits

#AdobeXD #UIKits #Free

Begin creating an elegant app from a UI resource (Apple iOS) or a UI Kit (Microsoft's fluent for UWP).









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Expo

#mobiledev #iOS #Android #OpenSource #JS #React

A free and open source toolchain built around React Native to help you build native iOS and Android apps using JavaScript and React.












Scan & Share
Feed