...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Mimicking the Medium Clap Animation with Sketch and Haiku

#Sketch #Haiku #Animations #MicroInteractions #React

Mastering CSS used to be a barrier for entry to designing complex motion animations. Haiku makes it approachable for beginners.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch app on Spectrum

#Sketch #Community #Chat

The Sketch community on Spectrum. Sketch is the ultimate tool for designing user interfaces, websites, and icons.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


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

#Framer #Productivity #Prototyping #Sketch







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Event: Prototyping in Sketch 49 and What's New / ProtoWire & More Demos

#Events #UX #Prototyping

Sketch 49 brings quite a few improvements. Some obvious like prototyping within Sketch and some less obvious like easier-to-look-at override panels and find-and-replace colors.

Agenda:
– Prototyping in Sketch
– Shared Libraries on Sketch Cloud
Read more about both

– Improved Find And Replace Colors:
I wrote a quick Medium post about this

ProtoWire Demo (Advanced, responsive prototyping within Sketch)

– The Sketch 49 workshop and Protowire demo will be held by me
https://freeandwilling.com/fbmore

– Other speakers TBD. Reach out if you'd like to present!

-----------------------------------------
As usual if you are a student or can’t afford the ticket let me know and I’d be more than happy to sponsor you. Reach out at francesco@freeandwilling.com See you soon!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SKPM: Sketch Plugin Manager

#Sketch #Productivity #Plugins #Tools

A utility to build, publish and install sketch plugins.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


iBlocks: iOS Wireframe Kit Freebie Projext by Kishore

#Sketch #iOS #Wireframing #UIKits #Free

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


Using Sketch and TexturePacker to create 2D Sprites

#Sketch #Animations

There are a myriad of products and solutions for making 2D sprites. Spriter and DragonBones are among my favorite programs. They have their place and are definitely worth learning, unless you want to…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketchpacks: Manage and sync your Plugins across machines and teams

#Sketch #Plugins #Tools #Collaboration #Productivity #Teams

A Sketch plugin manager that let's you sync your Sketch plugins across machines and teams.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Smart Style Switcher: Switch to an existing test style if attributes match

#Sketch #Plugins #Typography #Productivity

Switch to an existing Shared Text Style if the attributes of the text layers matches with some Shared Text Style.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Golden Canon Grid: Freebie Update (V.2)

#Grids #Sketch #Photoshop #XD #Free

Download the Golden Canon Grid V2:
https://gum.co/goldencanongrid

œ…Responsive:
  • 1920px (Desktop)
  • 768px (Tablet)
  • 320px (Mobile)









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch, UX and Prototyping Communities

#Communities #Sketch #UX #Prototyping







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Flows in Zeplin

#Sketch #Zeplin #Collaboration #Development

For some time, we’ve been scratching our heads around how to present relationships between screens, the flow of the project in Zeplin. This would not just inform developers, but also help everyone in…









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


Sketch 49 Find And Replace Colors - YouTube

#Sketch #YouTube #Tutorials







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Mockup Club: Best Free Mockups

#Sketch #Photoshop #Figma #Free #Resources #Productivity

A directory of the best free design mockups for Photoshop, Sketch, Figma and InVision Studio.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch 49: Find and Replace colors everywhere!

#Sketch #Productivity #Tips

Find and Replace Colors in Sketch 😃. “Sketch 49: Find and Replace colors everywhere!” is published by Francesco Bertocci in Design&Prototype









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Find And Replace Colors (File)

#Sketch #Files







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


Sketch Find And Replace Plugin: Find and replace on text within layers and overrides

#Sketch #Plugins #Productivity

Sketch plugin to do a find and replace on text within layers and text overrides!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Native prototyping in Sketch! How good is it?

#Sketch #Overview







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


Prototyping inside Sketch 49: How it works and what you can do 🔥🎉🚀

#Sketch #Prototyping

Over the years Sketch’s amazing third-party developer community has made Sketch an incredibly extensible design toolkit. As a result, we can enjoy dozens of great companion products and prototyping…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fast Text Transfer plugin for Sketch

#Sketch #Plugin #Productivity

Fast Text Transfer is a Sketch plugin that adds lightning fast copying, pasting and swaping text.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sync layer & text styles from any Sketch Library

#Sketch #Plugins

sketch-style-libraries - Sync layer & text styles from any Sketch Library












Scan & Share
Feed