...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Docs: From Basic to Advanced (Courses, Resources, Plugins)

#Sketch #Docs #Tutorials #Courses #Plugins

This documentation is your Sketch reference manual. No matter how experienced you are or what you want to achieve, it should cover everything you need to know — from navigating the interface, to making the most of different features.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: The Official Place to Learn Framer

#Framer #Prototyping #Tutorials #Videos

“Learn is a brand-new section with videos, written guides, and more designed to help you become a Framer expert.”









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch guides: Smart Layout - YouTube

#Sketch #Tutorials #SmartLayout #Videos

“Get an overview of how Smart Layout can supercharge your Symbols and turn them into reusable, responsive components that resize to fit their content.”









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Smart Layout in Sketch 58: Navigation & Dropdown Menu Tutorial by Silvia Bormüller

#Sketch #SmartLayout #Tutorials #UIDesign #Productivity

“Smart Layout in Sketch 58 is damn powerful, there is a lot you can do with it. In this article I’d like to show you how to set up Smart Layout for your Navigation & Dropdown Menu design.”









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Protopie 4: Free course by Design+Code

#Protopie #Protototyping #Tools #Free #Course #Tutorials

Another free course by Meng To is here. ProtoPie is a cross-platform prototyping tool that creates prototypes nearly as powerful as those made with code, with half of the efforts, and zero code.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How To Prototype AR Experiences In One Hour Using Reality Composer

#AR #Tutorials #Prototyping #Tools #RealityComposer #OSX #IOS

But during this year’€™s WWDC, Apple...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Getting started with Sketch for Teams - YouTube

#Sketch #Tutorials #Collaboration #Videos

Find out more about Sketch for Teams and how to get started, including creating a team, inviting members, sharing Cloud Documents and more. Start working bet...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SwiftUI Tutorial: Build a dynamic list app with navigation and images

#iOS #SwiftUI #Dev #Mobile #Free #Tutorials

Ready to get started with SwiftUI? In this tutorial you'll learn how to build a scrolling table of items, how to handle selection, how to create a new screen...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Build an app with SwiftUI (20% Preorder discount)

#iOS #MobileDev #Tutorials #Courses

Learn how to create beautiful layouts, UI animations and interactions using SwiftUI and Xcode 11. A course for designers and beginners.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Anima ToolKit: Sketch to HTML

#Sketch #AnimaApp #Plugins #Tutorials #Resources

Learn how to Export HTML from Sketch, Design Interactions and Animations with Sketch and the Anima app plugin.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Tutorial: These tiny tweaks make your animations so much better

#Motion #UIDesign #Tips #Tutorials #InVisionStudio

What takes a product animation from good to great? Really, it’s all about the small details. Using InVision Studio, let’s […]









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer X: Collection of Tutorials (Various sources)

#FramerX #Prototyping #React #JS

Master interactive design with Framer’s detailed tutorials on visual design, interactive design and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch 49: Find and Replace colors everywhere! – Design&Prototype – Medium

#Sketch #Tutorials #Articles

– You were in the exploratory phase and now you want to clean things up 🗑(Or simply you haven’t paid too much attention to the colors you’ve been using – it happens to the best of us! 🤪) – You are…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch App Videos: Learn Sketch and Design

#Sketch #Videos #Tutorials #Resources

A curated collection of Sketch and design videos from creatives around the world. We hope these videos help you learn and discover new things without the distraction of suggested videos, cats chasing lasers, and you going down the YouTube rabbit hole.









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


Responsive Design In Protowire

#Protowire #Tutorials #Video #RWD #Prototyping #Sketch

How to use the responsive design features for mobile apps and websites.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design+Code: Resources for Designers

#Sketch #Tutorials #DesignResources











Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to build a real-time todo app with React Native

#React #Tutorials

A todo app touches on all the important parts of building any data-driven app, including the Create, Read, Update and Delete (CRUD) operations. In this story I’ll be building a todo app with one of…









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


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


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

#Sketch #Tutorials







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


Fuse: Examples

#Fuse #mobile #UX #Prototyping #tutorials

Fuse is a set of user experience development tools that unify design, prototyping and implementation of high quality mobile apps.

In other words: Fuse takes you all the way from idea to deployed app.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Responsive images using nested symbols

#Sketch #Tutorials #UIDesign #RWD

You start your designs with one image (low res, un-retouched, unlicensed, etc…) and you (or someone else 😈…) want to then swap it everywhere with another one without having to do it manually…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Workshop: Sketch and Framer | Design & Prototype NYC Meetup

#Sketch #Framer #workshop #Prototyping

Davo will be teaching this workshop. You can watch Framer tutorials here.

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

For more info and tickets.... 👇













Scan & Share
Feed