...



Francesco Bertocci

Sr. Product/UX/UI Designer

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


Atomic Sketch: Noteworthy 

#Sketch #AtomicDesign #UI

As a designer of user interfaces it is nearly impossible not to know two things: Sketch and Atomic Design. For a long time the features offered by our favorite UI design tool were missing suitable…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


StdLib: Function as a Service Software Library

#Webdev #ServerlessComputing #Software

Build, Share and Scale Remote Functions — Serverless Compute Has Never Been Easier









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Haiku: Design, meet production

#Haiku #Animation #UIDesign #iOS #Android #WebDev #MicroInteractions

Where designing is building. Design UI components, powered by motion. Works with any iOS, Android, or Web codebase.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Dashboard UI Kit for Adobe XD

#AdobeXD #UIKits #Dashboards #Free







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


Design System UIKits: A Curated Collection

#Sketch #DesignSystems #UIKits







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


Two Methods To Create Your Letterforms

#Crayligraphy #Calligraphy #Typography

Fluid vs. Fragmented. Continuous vs. Broken. Two different strokes achieving similar results. Is this terminology contrived to help you better understand these methods? Absolutely. I'll even admit to making these words work in conjunction with Crayligraphy because I wanted something original for you to reference—much like Crayligraphy itself.









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


iOS 11 UI Kit for iPhone X

#Sketch #iOS #UIKits #UIDesign #Free

The most comprehensive iOS 11 UI Kit for Sketch with responsive symbols. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gaming UIKit for AdobeXD

#UIKits #AdobeXD #Gaming







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


The importance of motion for UX design

#UX #UIdesign #Motion #Animation

Motion in software is becoming an increasingly important aspect of modern day human-computer interaction. Partly due to the increasing computing capability of devices, designers can count on the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Zeroqode: No-Code Platform for Bubble

#NoCode #Startups #MVP

No-code responsive Bubble templates & plugins for dashboards, landing pages, e-commerce apps & API settings allows you build your website 10x faster









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Bubble: Visual Programming

#NoCode #Startups #Tools

Bubble introduces a new way to build a web application. It’s a point-and-click programming tool, entirely without code. Bubble hosts all applications on its cloud platform.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Presto Selecto: Quickly select all layers by name

#Sketch #Plugins #Productivity

presto-selecto - Quickly select all layers of a type, whose name matches or contains a given string.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Presto Selecto: Quickly select all layers of a type a give...

presto-selecto - Quickly select all layers of a type, whose name matches or contains a given string.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Getting the pixels right in Sketch

#Sketch #Pixel #BestPractices

If you’re designing interfaces for digital platforms, pixels are your Lego. You build each part of the interface and have full control over where each pixel goes.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framework7: Full Featured Mobile HTML Framework For Building iOS & Android Apps

#iOS #Dev







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Archetype: Digital Typography Design Tool

#Typography #WebDesign #Sketch #Fonts #Tools

Archetype lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser. These styles are all underpinned by established typographic best practices meaning less guesswork and more harmonious designs.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Laws of UX

#UX #Principles

Laws of UX is a collection of the key maxims that designers must consider when building user interfaces.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Master (Courses Bundle)

#Sketch #OnlineCourses #Video #SVG #Advanced

Sketch Master is a collection of tutorial training courses for professionals learning Sketch—the UI UX vector design software for Mac.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Building an AR app with ARKit and Scenekit - Pusher Blog

#AR #ARKit #3D #iOS

In this tutorial, learn how you can create an AR app with 3D content using ARKit and Scenekit.












Scan & Share
Feed