...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Hackers 4 Good: Creating Great Experiences for Everyone

#Hackers4Good #Meetup #community

This is a group for anyone interested in UX/UI Design, Product Design, Web and Mobile Development and doing good using their skills.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Designers, Developers, Product Managers: Introducing Product Relays™

#DesignSprints #Collaboration #ProductDesign #Dev

At Academy, we have done a great deal of thinking about process. We have interviewed industry leaders across Design, Development, and Product and universally the sentiment is… When we started to…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Using CSS custom properties (variables)

#CSS #WenDevelopment

Complex websites have very large amounts of CSS, often with a lot of repeated values. For example, the same colour might be used in hundreds of different places, requiring global search and replace if that colour needs to change. CSS variables allow a value to be stored in one place, then referenced in multiple other places. An additional benefit is semantic identifiers. For example --main-text-color is easier to understand than #00ff00, especially if this same color is also used in another context.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Flow Beta: Animate from Sketch files and export Native Code

#Sketch #Flow #Motion #Animation #MobileDev

Flow is a motion-design tool for animating Sketch files and eliminating the most painful parts of hand-off in app development. It bridges the gap between design and development by generating native…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Marvel: Free mobile, web prototyping & handoff

#Marvel #Prototyping #Development #mobile #handoff

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









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


Fuse: Examples

#Fuse #mobile #UX #Prototyping #tutorials

Fuse is a set of user experience development tools that unify design, prototyping and implementation of high quality mobile apps.

In other words: Fuse takes you all the way from idea to deployed app.









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


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

#UIDesign #DesignStystems #FrontEnd #React







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atom: Open Source Text Editor That Rocks

#TextEditor #Development #JS #CSS

GitHub is building the text editor they’ve always wanted (and I already ❤️ it too!) hackable to the core, but approachable on the first day without ever touching a config file. Definitely give it a try!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Introducing Twilio Studio, the Fastest Way to Build With Twilio

#Twilio #SMS

A visual drag-and-drop interface that allows cross-functional teams to accelerate the development of world-class customer engagement applications.









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


Fuse

#MobileDev #iOS #Android #Native #Prototyping

Fuse makes native app development faster, easier and more fun for both developers and designers. Lot's of examples here: https://www.fusetools.com/examples









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Gists — Useful snippets for plugin development

#Sketch #Plugin #Code

In this series, I would share some snippets which acted as utils in my project. It would be divided into 3 parts: 1. Find by iteration snippets 2. Symbol snippets 3. Creation snippets









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


sketch-share-as-is/README.md at master · turbobabr/sketch-share-as-is · GitHub

#Sketch #plugins

Contribute to sketch-share-as-is development by creating an account on GitHub.












Scan & Share
Feed