...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Interaction Flow Kit for Sketch  

#Sketch #Flows #UIKits #Free #UX

The creation of interaction flows is a big part of our process as digital product designers. After many iterations we now have a mind-bending fast way to do all of this in 💎Sketch.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Isometric: Generate Isometric views from Artboards

#Sketch #Plugin #Productivity

Generate Isometric views from Artboards and Rectangles in Sketch app.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Dynamic Charts for Sketch

#Sketch #Graphs #Plugins

Create the most popular types of charts by real or random data









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


4 Things Every First Time Sketch Plugin Developer Should Know

#Sketch #Plugins #PluginDevelopment

When I started my internship at Yummygum I had no experience in developing Sketch plugins. Of course I’ve used a couple of Sketch plugins before but I never actually worked on the development of one…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gartner Design Pattern Library

#Portfolio #DesignPatternLibraries #UX







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Personal Data Startup + Mobile App

#Portfolio #Mobile #UX







Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Workshop: Mastering Sketch (Early Bird - May 3rd)

#Sketch #Workshop #NYC #Advanced

This workshop is for for anyone that has already working experience with Sketch and would like to improve or master it.

You'll be learn about resizable Symbols, Plugins, Pattern Libraries and more.

Agenda (3hrs):
– Sketch’s UI: Shortcuts and plugins for navigating folder structures and organizing layers and artboards.
– Styles: Text and Shapes (import/export to share with others)
– Advanced Symbols: How to create nested symbols for creating Design Pattern Libraries (DPL) using Atomic Design principles
– Practical tips for DPLs (lessons learned)
– Managing projects and symbol libraries with Abstract or Kactus
– Naming conventions and exporting (including exporting to SVG)
– Plugins: Manage and leverage plugins for an efficient workflow (Runner, Rename it, Anima Autolayout, Launchpad and more)
– Anima's AutoLayout: building responsive layouts, grids, tables and more.

Time and Date:
– 4:30pm to 7:30pm
– May 3rd 2018 (spread the word and you both get $10 off!)

Location:
Manhattan, NY. The exact location to be announced 3-4 days prior to the workshop.

Please note:
– Bring your laptop to follow along and pre-install Sketch 48 or higher (Free trial).
– Each workshop is tailored to needs and pace of the group.
– We require at minimum of 5 attendees, so spread the word! Max 10 students per event.
– Refunds: You can request a refund or save a spot for the following scheduled date. You can cancel anytime up to 48 our prior the event. 

Questions?









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


Gartner Design Pattern Library

#Portfolio







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Personal Data Startup + Mobile App

#Portfolio







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Remote Starter Kit for Teams

#Collaboration #Productivity #Tools

Tools & processes that’ll help power your team’s virtual collaboration and happiness, recommended by your friends at Hanno.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Create an artboard for each portfolio piece

#SketchToPortfolio







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


Create an artboard for each portfolio &&& @ piece

#Mobile







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Create an artboard for each portfolio piece








Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Create an artboard for each portfolio piece

#Mobile







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Uplabs: One More UI Kit

#UIKits #Sketch #Photoshop

Professional Toolkit for Create Landing Pages. This is the starting point and the fastest path to the prototype for design landing pages because many designers...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Bruises: The Data We Don’t See

#DataViz #Data #Art

Clinical records alone hardly capture the impact the illness of a child has on a family. This is how we used music and art to understand and communicate the information that was missing. In early…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Create an artboard for each portfolio piece

#Portfolio







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How we Built a Tool to Export React Prototypes from Sketch

#Sketch #React #Prototyping

Every year, right before the holidays, we dedicate a week of our time at Tictail to do something that is not part of our normal work. We call this the Demo Week, and it’s a great opportunity to…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Midnight: Dark Theme Sketch Plugin (now 50% off!)

#Sketch #Plugins #Productivity #Deals

Midnight adds a dark theme to Sketch! I had a chance to try it and ❤️ it.

Bonus features include layer tags (yay to organization!) indent guides, custom selection color, custom canvas darkness, and more. If you are using Sketch before going to bed you might even switch to Night Owl mode.

**Midnight 1.2 now Includes a bonus ultra-light theme called Lark + all new Bright icon-set + advanced features like the ‘Collapse All Groups’ button and high contrast Vector Handles + many performance improvements and bug fixes.

👉 *Special 50% off offer ends soon! Scroll down to get it!

Layer Tags: Apply colored tags to Layers, Artboards and Pages.




Indent Guides: Easily identify how Groups and Layers are nested.



Custom Toolbar Icons: Choose to display icons from a theme, or keep the original icons.


Works with Runner: Automatically match Sketch Runner’s dark mode with Midnight.

Customize Canvas Darkness Darken the canvas to perfectly complement your design.

Change Selection Color: Choose any color you like, or use the default color from the theme.












Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Timeline for Sketch Plugin

#AnimaApp #Animation #Sketch #Plugins

Unleash your creativity. Create GIFs & Videos directly from Sketch.
Pre-Sale continues with 25% off until official release in March. Timeline price will be $79 when we launch.

👉 Watch the video 📼

  • 100% Money back in case of no release
  • 25% OFF Official price (1 year)
  • License includes a year’s worth of updates
  • Expected Release March - 2018
Our products are being used & loved by designers at Apple, Facebook, Google, MailChimp, Starbucks, Shopify, Amazon, Disney Netflix, Trip Advisor and a lot more.

Our goal at anima is to empower designers with powerful visual tools.
Amongst our products you can find Auto-Layout for Sketch and Launchpad for Sketch.

Auto-Layout pioneered responsive design without coding, empowering designers to better express their ideas into live designs.
Launchpad is the first Sketch to live website solution, that enables designers to pubish real websites without the need of coding or hiring developers.

With Timeline, we are aiming to allow designers to create beautiful animations with ease.

If you believe that given the right tools you can achieve much more, support this project and join the movement.

Example animations created with Timeline




To Pre-Order Timeline click "Pay Now" below.









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

Workshop: Mastering Sketch

#Sketch #Workshop #NYC #Advanced

This workshop is for for anyone that has already working experience with Sketch and would like to improve or master it.

You'll be learn about resizable Symbols, Plugins, Pattern Libraries and more.

Agenda (3hrs):
– Sketch’s UI: Shortcuts and plugins for navigating folder structures and organizing layers and artboards.
– Styles: Text and Shapes (import/export to share with others)
– Advanced Symbols: How to create nested symbols for creating Design Pattern Libraries (DPL) using Atomic Design principles
– Practical tips for DPLs (lessons learned)
– Managing projects and symbol libraries with Abstract or Kactus
– Naming conventions and exporting (including exporting to SVG)
– Plugins: Manage and leverage plugins for an efficient workflow (Runner, Rename it, Anima Autolayout, Launchpad and more)
– Anima's AutoLayout: building responsive layouts, grids, tables and more.

Time and Date:
– 5:00pm to 8:00pm
– Upcoming Thursday (Date to be announced when we reach the quorum, spread the word and you both get $10 off!)
– Location: Either 135 Bowery or 26 Broadway or in SoHo.

Location:
Manhattan, NY. The exact location to be announced 3-4 days prior to the workshop.

Please note:
– Bring your laptop to follow along and pre-install Sketch 48 or higher (Free trial).
– Each workshop is tailored to needs and pace of the group.
– We require at minimum of 5 attendees, so spread the word! Max 10 students per event.
– Refunds: You can request a refund or save a spot for the following scheduled date. You can cancel anytime up to 48 our prior the event. 

Questions?









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UX Power Tools: Getting Started with UX Design in Sketch

#Sketch #Articles #Resources

We’ve written a lot about Sketch tips at UX Power Tools over the last two years and I wanted to organize them in a way that would help designers who are just starting to get in UX. I should also…












Scan & Share
Feed