...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma 2.0: Now with Prototyping and Developer Handoff

#Sketch #Figma #Photoshop #UIDesign #handoff #Dev #mobile

Big news in the Figma house today — we’re excited to finally unveil Figma 2.0. It’s an expanded version of the product you love (or at least like a lot, right 😉?) with significant new features…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Designer & Developer Collaboration Tools

#Sketch #Photoshop #UIDesign #handoff #Dev #mobile







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Avocode: PSD & Sketch designs to web, iOS and Android code

#Sketch #Photoshop #UIDesign #handoff #Dev #mobile

Share & inspect Photoshop and Sketch designs on Mac, Windows & Linux. Collaborate with your team, generate CSS, Swift & Android code, export specs and images.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Markly: Free design collaboration app for designers and developers over Google Drive

#Sketch #Photoshop #UIDesign #handoff #Dev

Free collaboration app for designers and developers over Google Drive. Design collaboration / handoff for macOS. Integrates with Sketch and Photoshop. Design handoff, spec and redline for Sketch and Photoshop.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Zeplin: Build pixel perfect apps in peace

#Sketch #Photoshop #UIDesign #handoff #Dev #mobile

Collaboration app for UI designers and Frontend Developers. Design hand-off has never been easier. Generate styleguides and resources, automatically.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sympli: Bring digital products to life faster and easier.

#Sketch #Photoshop #UIDesign #handoff #Dev #mobile

Design handoff, implementation, and collaboration for web and mobile product teams. Sympli works with Photoshop, Sketch, Android Studio, and Xcode.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


26 Steps of Product & Dashboard Design – Design + Sketch – Medium

#ProductDesign #Process #Inspiration

For the last four years I have continued to design dashboards and applications and I have learnt how to deal with different departments, and utilise their knowledge in order to make product designs…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Comparing Two Raster Image Compression Plugins for Sketch App

#ImageOptimization #UIDesign #Productivity

Back in the early days, a Sketch designer typically had to export uncompressed PNG or JPG images from Sketch and then choose a means for compressing those files (if desired) using a 3rd party utility…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


InVision Inspect: Pixel-perfect design handoffs for your team

#Sketch #InVision #Productivity #handoff

A new design to development workflow with Inspect for better collaboration between design and development.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: The digital design toolkit - New Website

#Sketch #DesignSystems #Productivity #Websites

Brand new site for Sketch.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Workshop: Sketch and Fuse Tools | Design & Prototype NYC Meetup

#Events #UX #Fuse

Hello everyone! I am very excited about this one! I have tested Fuse a few years ago as I loved their promise, simple UX-focused code that could empower...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Flat Design: Why you should question Nielsen Norman’s research on the trendy design style.

#UX #UIDesign #UXResearch

The Nielsen Norman Group is probably the most influential usability consultancy in the design industry. So, when they publish an article about their research findings titled “Flat UI Elements Attract…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Libraries & Abstract: Per-project Libraries

#Sketch #Abstract #DesignSystems #Productivity #plugin

This morning Sketch released a new feature called Libraries, and we’re excited to support this new design workflow on the first day it’s available. Update Abstract to get started! Libraries are the…









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


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


Connect Sketch Symbols with their React Counterparts via Storybook

Your dev team has embraced React for front-end development, and adopted Storybook to rapidly build and document components. Your design team, on its part, is using Brand.ai to manage and sync Sketch…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Storybook: React Design Systems Examples

#DesignSystems #Components #React







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Storybook: Carbon Design System & React

#Sketch #DesignSystems #IBM #Storybook #React







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Strorybook: The UI Development Environment You'll ♥️ to use with React

#UIDesign #DesignStystems #FrontEnd #React







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Evolving the Dropbox brand – Dropbox Design – Medium

#Branding #Dropbox

As our mission has evolved from keeping files in sync to helping teams in sync, we realized our brand needs to change, too. Our new brand system shows that Dropbox isn’t just a place to store your…









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


Design+Code - Learn to design and code for iOS 11

An interactive book on how to design and code an iOS 11 app.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Setting Up a Design System with Frames

#Sketch #DesignSystems #UIDesign #Productivity

The system is designed to be lightweight and adaptable to brands, that why many teams find it a really useful tool for building their own libraries based on it. 🖖 Frames Master file is divided into…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Event: Fuse, A New Approach to Designing and Developing Native Mobile Apps

#Events #UX #Mobile #Fuse

We're co-hosting this Meetup with other four groups this time. We're having a Fuse engineer coming from Oslo to speak, so I really hope to see you there!

Come and discover a new approach that integrates design, prototyping and development. Fuse unifies development with design through rapid, real-time workflow, visual tools and simplified code, resulting in real native apps for both iOS and Android (from the same codebase) - all the way from prototype to the app store.

In this presentation, we'll show some examples of what can be achieved with Fuse, and briefly examine the make up of a finished app.









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.












Scan & Share
Feed