...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


My process








Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Welcome to my portfolio








Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Uxtools.co: Compare Prototyping Tools

#UX #tools #Prototyping

Compare popular industry UX tools for design, prototyping, handoff, versioning, monitoring, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


iPhone X Mockup for Figma by Paper Tiger

#Figma #Mockups #Free #PaperTiger







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design System UIKits: A Curated Collection

#Sketch #DesignSystems #UIKits







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Midnight: Dark Theme Sketch Plugin (now 50% off!)

#Sketch #Plugins #Productivity #Deals

Midnight adds a dark theme to Sketch! I had a chance to try it and ❤️ it.

Bonus features include layer tags (yay to organization!) indent guides, custom selection color, custom canvas darkness, and more. If you are using Sketch before going to bed you might even switch to Night Owl mode.

**Midnight 1.2 now Includes a bonus ultra-light theme called Lark + all new Bright icon-set + advanced features like the ‘Collapse All Groups’ button and high contrast Vector Handles + many performance improvements and bug fixes.

👉 *Special 50% off offer ends soon! Scroll down to get it!

Layer Tags: Apply colored tags to Layers, Artboards and Pages.




Indent Guides: Easily identify how Groups and Layers are nested.



Custom Toolbar Icons: Choose to display icons from a theme, or keep the original icons.


Works with Runner: Automatically match Sketch Runner’s dark mode with Midnight.

Customize Canvas Darkness Darken the canvas to perfectly complement your design.

Change Selection Color: Choose any color you like, or use the default color from the theme.












Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Two Methods To Create Your Letterforms

#Crayligraphy #Calligraphy #Typography

Fluid vs. Fragmented. Continuous vs. Broken. Two different strokes achieving similar results. Is this terminology contrived to help you better understand these methods? Absolutely. I'll even admit to making these words work in conjunction with Crayligraphy because I wanted something original for you to reference—much like Crayligraphy itself.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Timeline for Sketch Plugin

#AnimaApp #Animation #Sketch #Plugins

Unleash your creativity. Create GIFs & Videos directly from Sketch.
Pre-Sale continues with 25% off until official release in March. Timeline price will be $79 when we launch.

👉 Watch the video 📼

  • 100% Money back in case of no release
  • 25% OFF Official price (1 year)
  • License includes a year’s worth of updates
  • Expected Release March - 2018
Our products are being used & loved by designers at Apple, Facebook, Google, MailChimp, Starbucks, Shopify, Amazon, Disney Netflix, Trip Advisor and a lot more.

Our goal at anima is to empower designers with powerful visual tools.
Amongst our products you can find Auto-Layout for Sketch and Launchpad for Sketch.

Auto-Layout pioneered responsive design without coding, empowering designers to better express their ideas into live designs.
Launchpad is the first Sketch to live website solution, that enables designers to pubish real websites without the need of coding or hiring developers.

With Timeline, we are aiming to allow designers to create beautiful animations with ease.

If you believe that given the right tools you can achieve much more, support this project and join the movement.

Example animations created with Timeline




To Pre-Order Timeline click "Pay Now" below.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Abstract: Secure version control and design workflow management

#Abstract #Sketch #Collaboration #VersionControl #Tools #Paid

Abstract is a platform for modern design teams using Sketch to work together.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Portfolio item 3333








Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Portfolio item 2








Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Portfolio item Added Last








Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Portfolio item 1








Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Pixm: Ask. Watch. Create (video answers).

#Sketch #Tutorials







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Tokens in Design Systems

#Tokens #DesignSystemd

In a recent code review, my passions stirred as I walked through a Pill component’s style with a designer teammate. “Look. Yes, it’s code, but look closely at those tokens. You know what this looks…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Use Symbol Overrides to Control Borders in Sketch with Über Tables

#Sketch #Hacks

If you work as a designer, it’s likely you’ll have to render a data tables at some point in your career. Data tables are the epitome of repetitive work. Blank states. Hover states. Conditional…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Principle Repo: Free, High Quality Principle Resources

#Principle #Prototyping #Files #Resources

Principle Repo is the best resource website to learn Principle for Mac. Download sample files, read articles, and learn from our Principle tutorials.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Arduino Prototyping with ProtoPie

#Protopie #Prototyping #Hacks #Arduino

The products Apple unveiled during WWDC 2017 showed that software interactions are organically taking place with hardware interactions, and in some cases, there is no clear boundary between the two…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


iOS 11 UI Kit for iPhone X

#Sketch #iOS #UIKits #UIDesign #Free

The most comprehensive iOS 11 UI Kit for Sketch with responsive symbols. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch plugin for renaming shared styles

#Sketch #Plugins #TextStyles #Productivity #DesignPatternLibrary

sketch-style-master - Sketch plugin for renaming shared styles









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Most Efficient Way to Use Icons If You’re a Designer or Developer.

#Sketch #Icons #BestPractices #SVGs

Icon fonts like FontAwesome came out as a way to soften the agony of working with icons, but they still aren’t perfect. Designing with them is just…okay; you still have to go look up the glyph, copy…









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


Shillington Education: Graphic Design Course

#School #GraphicDesign

Shillington’s innovative approach to design education means students achieve amazing results in a seriously short amount of time. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gaming UIKit for AdobeXD

#UIKits #AdobeXD #Gaming







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fontstand: try fonts for free or rent them

#Fonts #Store

Fontstand allows trying fonts for free or renting them by the month for desktop use for just a fraction of the regular price.












Scan & Share
Feed