...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Animate your Figma designs with our new Principle integration

#Prototyping #Figma #Principle #Productivity

Today we have some special news that’s been months…perhaps years…in the making. Figma now integrates with the prototyping tool Principle, so you can easily build advanced animations of your Figma…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Use real data in Framer X

#FramerX #Prototyping #Data #UIDesign

Framer always was different from other prototyping tools for many reasons but the major one is real data. I’ll try to show briefly how you can load and use real data in your prototypes. Today we will…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Famous: YouTube Channel

#Famous #Prototyping #Dev

Famous Studio enables designers to import their designs from their favorite design tool and turn them into live, immersive experiences published with live an...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer X Course by Design+Code

#FramerX #Courses #Prototyping #React

Design and code components in Framer X. Your components can be the single source of truth. Designers can now collaborate with developers in creating consistent, production-ready components.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Animista: CSS Animations Collection

#CSS #Animations #Productivity #HTML #UIDesign #UX #Prototyping

Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Principle 4: Now available

#Principle #Releases #Prototyping #Tools

Finally here! 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


wiARframe: AR Prototyping

#AR #Prototyping #Tools

Prototype interactive AR experiences in minutes - without code. Then share them with the world.









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


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


Prototyping Speech Recognition in Framer.js

#Prototyping #Voice #Framer

New APIs allow designers to prototype speech-based conversational UIs like Google Now, Apple’s Siri, and Amazon Alexa.









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


Firebase module for Framer prototypes to load, save and sync...

#Framer #Prototyping #Data

The Firebase module allows your Framer prototype to load, save and sync data effortlessly between multiple sessions and devices.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma 3.0

#Figma #UIDesign #Prototyping #Collaboration

Desktop-based design can come with a hefty price. Teams spend their days managing a Frankenstein workflow: Which prototype has stakeholder comments? Is the style guide up to date? Are we all working…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Thunkable.com: Drag and Drop Mobile App Builder for iOS and Android

#Mobile #AppBuilders #Prototyping #iOS #Android

Thunkable is the platform where anyone can build their own mobile apps. Available for iOS and Android.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Introducing Moment: The Easiest Way to Prototype in VR/AR - YouTube

#Prototyping #Tools #AR #VR

Moment: The Easiest Way to Prototype in VR/AR Follow Moment on: twitter.com/momentxr facebook.com/momentxr instagram.com/moment_xr www.momentxr.com Music: ht...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Prototyping with the motion sensor using Framer.js

#Framer #Prototyping #iOS #Sensors #Motion

Framer is a fantastic prototyping framework that makes it easy to test out cool interaction ideas for mobile and desktop. Among other things, you can prototype swipe and drag gestures with Framer, or…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Announcing the Marvel API 🎉

#Marvel #Prototyping #APIs







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Protowire: Adds prototyping to Sketch

#Prototyping #Sketch







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic: Dynamic Shopping Cart Prototype

#Atomic #Prototyping #Advanced

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









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Diya: Timeline animation directly in Sketch (10% off!)

#Sketch #Plugins #Animations #Deals #Prototyping

Beautiful interaction design. Right inside Sketch.

Special Design&Prototype 10% off:
Use code “DAPNYC” at checkout.

Offer ends on May 10th. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Prototype a complete mobile app with Framer UI kits & boilerplate code

#Framer #Prototyping

Build a complete mobile app prototype using components & boilerplate code from Framer UI kits (source code included)









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer Cheat Sheet: Scroll Components

#Framer #Productivity #Prototyping

In my last Cheat Sheet we explored Page Components, and now it is time to graduate to Scroll Components, Ladies and Gentelmen. Like the other Cheat Sheets in this series, we will look at the very…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch-Flow Exporter

#Sketch #Prototyping







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sympli: Introducing Prototyping Support

#Sympli #Prototyping #Handoff #Sketch #AdobeXD #Collaboration







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design & Prototype NYC Meetup

#Workshops #Video #Meetup

If you are interested in learning how to design and prototype user experiences for desktop, mobile, wearable and beyond consider joining go here: More info a...












Scan & Share
Feed