...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SpriteKit: Learn to Make iOS Games (80% off)

#iOS #MobilDev #Swift #SpriteKit #Deals

44 hours of video course for learning Xcode 9, Swift 4, Sketch, Framer, from conception to the App Store. An interactive book on how to design and code an iPhone app. For designers and beginners.









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


Framer: Form Elements UI Kit

#Framer #Forms #Prototyping

Use this Framer interactive UI kit to capture all kinds of user input in your prototypes.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: Free Resources

#Framer #UIKits #Prototyping #Free

Download our free UI elements and kits to easily start your next design project, or learn Framer with online courses and an e-book from the community.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer for Games: Arcade Joystick – Robert Mion

#Framer #Prototyping #Articles #Advanced #Medium

This prototype is not so much of a game, but rather a simulation of a physical game…









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


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


The 10 Framer Design Features You May Have Missed – Framer

#Framer #Tips #Prototying #UIDesign

It’s been a year of fast-paced releases over at Framer HQ. From Gradients to Effects and Export, we capped off 2017 with the launch of Frames, Shapes and Vectors, to present a full-featured screen…









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


Gotcha 👌 for Framer

#Framer #Handoff #UIDesign #MobileDevelopment

We’ve been exploring how to build a design process around Framer, but until we could get our designs into Zeplin or something like it, our prototypes would be all show, no tell. Enter Gotcha 👌.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Video Course: Get ahead in UI/UX Design - learnux.io

#OnlineCourses #Sketch #Framer #Prototyping







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: Design Guide importing from Sketch, Figma or Photoshop

#Framer #Sketch #Figma #Photoshop #Prototyping

Working in Sketch, Figma or Photoshop? Framer offers a fully integrated import workflow, so you can go back and forth as many times as you need. Currently, you can only import a design into Code to start animation.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


A guide to work with Sketch & Framer

Learn advanced prototyping in Framer with Davo:









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Learn Framer with Davo (LIVE)

#Sketch #Framer #workshop #Prototyping







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










Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Easy-breezy interactive 3d in FramerJS with Sketchfab API Utility - Sketchfab Blog

#Framer #3D







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: Interactive Design & Collaboration Tool

#Framer

Framer is the best way to create interactive designs from start to finish. Design from scratch and then easily turn your work into high-fidelity prototypes. Used by Facebook, Google, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Workshop: Sketch and Framer - Design & Prototype NYC Meetup

#Sketch #Prototyping #Framer












Scan & Share
Feed