...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Tutorial: “From Sketch to iOS & Android — the no code way” by Juan Maguid

#Sketch #ios #android #tools #workflow #productivity

What if you could go from Sketch to iOS & Android without writing a single line of code? Actually, you can. 🥳 Just check out the video below first, seeing is believing my friends. 😺👇 The answer…









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


Prototyping AI experiences with Chris Butler

#Prototyping #AI #UX

Prototyping AI experiences


Thank you for attending the presentation and AI workshop!

First, could you do me a favor?
I would love to get feedback on the tutorial. It only takes a minute and it helps me continue to improve: https://www.surveymonkey.com/r/GV9XJ9L

Slides:

References:


About Chris Butler

I help teams understand the real business problems they should solve with AI-centered solutions. The teams we work with are generally asked to “do something interesting” with the data they have. We help them avoid local maxima through happenstance correlations and focus on solving huge business problems. My background includes over 18 years of product and business development experience at companies like Microsoft, KAYAK, and Waze. At Philosophie, I have created techniques like Empathy Mapping for the Machine and Confusion Mapping to create cross-team alignment while building AI products. If you want to learn more or get in touch via email, LinkedIn, or visit http://philosophie.is/human-centered-ai.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Creating an animated SVG Neon light effect

#SVGs #Animations #Sketch

This tutorial walks you through the process of creating an animated neon light SVG, as seen on ruhrjs.de. Using Sketch, Texteditor and CSS keyframe animations.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic Tutorial: Dynamic search results

#Atomic #Prototyping #Advanced #Tutorial

Create a search input field that dynamically displays results based on a data source









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic Tutorial: Data driven Shopping cart

#Atomic #Prototyping #JS

Make a dynamic shopping cart prototype using components, data and JavaScript









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Free&Willing Bookmarklet Onboarding (Interactive)

#FW #Onboarding







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










Scan & Share
Feed