...



Francesco Bertocci

Sr. Product/UX/UI Designer

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


Abstract: Secure version control and design workflow management

#Abstract #Sketch #Collaboration #VersionControl #Tools #Paid

Abstract is a platform for modern design teams using Sketch to work together.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Pixm: Ask. Watch. Create (video answers).

#Sketch #Tutorials







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Use Symbol Overrides to Control Borders in Sketch with Über Tables

#Sketch #Hacks

If you work as a designer, it’s likely you’ll have to render a data tables at some point in your career. Data tables are the epitome of repetitive work. Blank states. Hover states. Conditional…









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


Sketch plugin for renaming shared styles

#Sketch #Plugins #TextStyles #Productivity #DesignPatternLibrary

sketch-style-master - Sketch plugin for renaming shared styles









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Most Efficient Way to Use Icons If You’re a Designer or Developer.

#Sketch #Icons #BestPractices #SVGs

Icon fonts like FontAwesome came out as a way to soften the agony of working with icons, but they still aren’t perfect. Designing with them is just…okay; you still have to go look up the glyph, copy…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Creating an icon set on Sketch with SVG Files

#Sketch #Icons #IconLibraries #Video #Tutorial

Let's turn SVG files into an icon set Sketch Library PLUGIN: https://github.com/AMoreaux/Sketch-Icons FONT AWESOME: https://fontawesome.com/









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…









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


Fuse: Import assets from Sketch

#Fuse #Sketch #AppDev

Sketch is a great vector design tool for Mac. If you haven't tried it, check it out!.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


7 Techniques for Better, Faster Layer Management in Sketch

#Sketch #Tips #BestPractices

7 Techniques for Better, Faster Layer Management in Sketch. If cakes have layers, and designs have layers, does a cake design have double the layers?









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Animated SVG Alphabet Tutorial with Sketch and Keyshape

#Sketch #Keyshape #Animation #SVG #Typography

Wouldn’t it be nice to have a pre-animated A-Z SVG alphabet in a nice font like Roboto? Yes and yes and it’s coming soon. Even better it’s totally free. Yes I’m insane so what’s new? In this…









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


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


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


Sketch Tee (Black)

#Sketch #Tshirt

Bella + Canvas short sleeve unisex tee in black 100% cotton Sideseamed, Retail fit, Shoulder taping Printed and shipped by Amplifier Unisex









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Oxygen UIKIt

#Sketch #DesignSystems #UIKits #UXPowerTools

The ultimate design system boilerplate for creating beautiful web applications in the most efficient and scalable way possible.
Every symbol is built with text styles and layer styles so you can efficiently update and sync changes across your file.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Protowire: Prototyping in Sketch (30% off!)

#Sketch #Prototyping #Tools #Plugin #Deals

No coding or exporting to other applications:
Watch the Video

Rather than something you do at the end, Protowire aims to integrate interaction and animation into the design process without having to change your designs to suit the software.

  • Integrated into Sketch
    No need to export to a separate prototyping application - review the prototype instantly in Sketch or on a device.

  • UI Animations
    Just by moving layers around you can have overlays appear and disappear.

  • Screen Transitions
    Quickly create the flow of your app by linking up artboards from layers or hotspots.

  • Responsive Design
    Use Sketch’s resizing constraints and responsive artboard groups to make prototypes that work on any screen size.

To celebrate the launch there is 30% off the pro version by using coupon code 9146C9AF. 

Offer expires on Monday 26th February at 4pm Pacific Time.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


FontRapid: Design and create fonts directly in Sketch for free

#Fonts #FontDesign #Tools #Sketch

Free FontRapid for Sketch plugin helps designers design and create font directly in Sketch, with few clicks!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SQUID UI Flow Template: Design Beautiful User Flows faster.

#Sketch #UIKits #UX #UserFlows

Create elegant User Flows, Diagrams and Sitemaps in Sketch. SQUID is the fully customizable template with over 50 UI Templates for Mobile and Web. Connect UIs









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Forma Library v1.0 by Amr Kamal

#Sketch #UIKits #Library #Free

Long time since I released anything, Excited to release a new UI Kit! Forma Library is based on Sketch nested symbols to power designers with starter kit to build easy and quick configurable Web fo...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Implement Dark Mode in iOS 11 by Design+Code

#iOS #Dev #UI #Frameworks #Swift

An interactive book on how to design and code an iOS 11 app. Learn to use Xcode 9, Sketch and Swift 4, from conception to the App Store. For beginners and designers.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


A Roundup of Sketch Libraries Articles & Videos

#Sketch #DesignLibraries










Scan & Share
Feed