...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


“Why, What, When and How
 to Prototype User Experiences” Jan 2018 Deck

#Sketch #Workshop #Prototyping #Deck #PDF







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


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


ProtoPie 3.7: Work Seamlessly with Adobe XD CC – ProtoPie

#Prototyping #Protopie #AdobeXD

This update is marked by ProtoPie’s integration with Adobe XD CC. You can import and reimport your designs from Adobe XD into ProtoPie seamlessly. Turning your Adobe XD designs into highly…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design&Prototype Newsletter (Donate)

#Newsletter #Donation

Curating and creating content is very time consuming. We work hard to bring you the latest relevant UX, Design and Prototyping news so you don't have to hunt around. :)

Thank you for your support!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ProtoPie: Prototype mobile interactions as easily as Pie

#Prototyping #Tools #Mobile #Advanced

Piece hi-fi interactions together, build sensor-aided prototypes and share your amazing creations in a matter of minutes.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Protowire: Prototyping in Sketch (30% off!)

#Sketch #Prototyping #Tools #Plugin #Deals

No coding or exporting to other applications:
Watch the Video

Rather than something you do at the end, Protowire aims to integrate interaction and animation into the design process without having to change your designs to suit the software.

  • Integrated into Sketch
    No need to export to a separate prototyping application - review the prototype instantly in Sketch or on a device.

  • UI Animations
    Just by moving layers around you can have overlays appear and disappear.

  • Screen Transitions
    Quickly create the flow of your app by linking up artboards from layers or hotspots.

  • Responsive Design
    Use Sketch’s resizing constraints and responsive artboard groups to make prototypes that work on any screen size.

To celebrate the launch there is 30% off the pro version by using coupon code 9146C9AF. 

Offer expires on Monday 26th February at 4pm Pacific Time.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


"Why, What, When and How to Prototype User Experiences" Meetup in #NYC

#Events #UX #Prototyping

This event's topics:
- What is a Prototype?
- Discuss why it's good to prototype early and often
- Overview the panorama of prototyping tools
- Share favorite prototyping tools
...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Hello 2018!

#Sketch #Prototyping #Workshop #NYC

Hello everyone and happy new year!

I am very excited for what the new year will bring us! So much happened in 2017 in the UX/UI Design and Prototyping space!

Here are some of the things you should check out in case you missed them. A big one for me was the evolution of symbols in Sketch and design systems as well as collaboration among team members, and easier handoffs and if you work with React, lots of exciting things there too.

The last 6 months of 2017 I was pretty busy with a job out of town so I could not organize as many events but I am planning to start the year strong and we'll have events in NYC around:
– "Why it's good to prototype early and often" an event on the (crowded) prototyping space and. Good if you are new to the group/space. This an updated presentation I based on
Timeline by Anima App (just released!)
Fuse Tool's improved UI
Framer Studio
InVision Studio
Figma 2.0

Other big announcement was AdobeXD for Windows

Tons of products now have "Studio" in their name as they all rush to become the all-in-one tool to designers. 🚀

Sketch Workshops in January:
Basic if you are starting now
Advanced if you want to learn more advanced workflows or techniques.

Depending on availability, I organize custom workshop for teams. 

What would you like to learn or improve in 2018?

💌 Shoot me an email
and let me know! 😀

Ciao,
Francesco 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Sketch Workshops in NYC

#Sketch #Workshop #NYC #Advanced

Hello everyone and happy new year!

I am very excited for what the new year will bring us! So much happened in 2017 in the UX/UI Design and Prototyping space!

A big one for me was the evolution of symbols in Sketch and design systems as well as collaboration among team members (❤️ Abstract!), and easier handoffs and if you work with React, lots of exciting things there too.

I'll be running a few Sketch Workshops in January:
Basic if you are starting now
Advanced if you want to learn more advanced workflows or techniques.

Depending on availability, I organize custom workshop for teams. 

What would you like to learn or improve in 2018?

💌 Shoot me an email
and let me know! 😀

Ciao,
Francesco 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: Interactive Screen Design Tool

#Prototyping #UIDesign #Tools #Framer

Framer is the best screen design and interactive prototyping tool. Create your designs and then easily turn your work into high-fidelity prototypes. Used by Facebook, Google, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


ProtoPie: 10 Most Awesome Hi-fi Prototypes of 2017

#Protopie #Prototyping #UX

While I am still digesting all the delicious culinary masterpieces I devoured over the holidays, I put together a list of which I believe are the 10 most awesome highly interactive prototypes of 2017…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fuse: Mobile Preview App

#Fuse #Mobile #Prototyping

The Fuse Preview app is available today on the App Store and Google Play alongside the new Fuse 1.5 release. Preview your projects effortlessly, without the need for Xcode or the Android SDK/NDK installed. You can even work on your Fuse iOS projects directly from Windows — wee!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Stitch Fix Accelerates Design Sprints by Collaborating in Figma

#DesignSprint #Collaboration #Prototyping #Figma

Personal style service Stitch Fix made waves in November as the first tech IPO led by a woman in 2017. Since then, its market cap has nearly doubled. The company won the hearts of consumers with an…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fuse Streams on YouTube

#Fuse #Tutorial #Prototyping #UX

Learn Fuse by watching these videos.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


VR/AR prototyping for everyone

#VR #AR #Framer #Prototyping

Hello again, guys! Today I want to speak to you about modern VR/AR prototyping. We will talk about Framer.js, A-Frame and AR.js particularly. This article is mostly for those, who are familiar with…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Compare UX Prototyping Tools for mobile and desktop app design

#Prototyping #Tools

With so many prototyping tools out there, you need to choose the best tool for the job. From Low fidelity wireframe tools to hi-fi UI design tools









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Glitch: build apps and bots of your dreams

#Code #Prototyping #Productivity

The community that helps you build the app or bot of your dreams









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic: Powerful prototyping with Lists.Design

#Atomic #Prototyping #Data

Learn how to populate your prototypes with data from Sheets









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design Sprint Kit

#Design #UX #Product #DesignSprint

A design sprint is a five-phase framework that helps answer critical business questions through rapid prototyping and user testing. Sprints let your team reach clearly defined goals and deliverables and gain key learnings, quickly. The process helps spark innovation, encourage user-centered thinking, align your team under a shared vision, and get you to product launch faster.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Use a Google Spreadsheet as your JSON backend

#JSON #Prototyping #GoogleSpreadsheet

When writing a simple web app or prototyping something, you may want a quick and simple way to store, edit and retrieve data.

Let's say you write a simple blog and don't want to build a backend to write, edit and store your posts - but you want to conveniently consume this data as JSON - then Google Drive helps you with that.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


VR Prototyping with Marvel - Marvel Blog

#Marvel #VR #Prototyping #Sketch







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Marvel: New Sketch Plugin, Sync designs. Play prototypes. Record flows.

#Sketch #Marvel #Prototyping #Productivity

Turn sketches, mockups and designs into web, iPhone, iOS, Android and Apple Watch app prototypes.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


InVision Studio | Screen Design. Redesigned. (Coming Jan 2018)

#InVision #UIDesign #Prototyping #Libraries #Collaboration

Unless you've been under a rock 🤣  you probably have already seen the video. Very exciting, especially the ability to design and do better prototyping within InVision. In InVision's words "The world’s most powerful screen design tool. Rapid prototyping, animation, built-in design systems, and collaboration—all in one place." Coming Jan 2018.












Scan & Share
Feed