...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Bubble: Visual Programming

#WebAppDevelopment #Tools #Prototyping

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


Consistent Design Systems in Sketch With Atomic Design and the Auto-Layout Plugin

#Sketch #DesignSystems #BestPractices #AnimaApp #Autolayout

Do you design digital products (or websites) and hand design files off to developers for implementation? If you answered yes, settle in! While the should-designers-code debate rages on, we're going to look at how adding a methodology to your design workflow can make you faster, more consistent, and loved by all









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Improve your landing page by learning from the best

#LandingPages #Conversion

There’s nothing like getting the whole team together to create a new home page. Designers, illustrators, marketing, growth and developers all working together. You sprinkle on some SEO, optimise your…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


7 Practical Tips for Cheating at Design

#UIDesign #Tips

Every web developer inevitably runs into situations where they need to make visual design decisions, whether they like it or not. Maybe the company you work for doesn’t have a full-time designer and…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Flows in Zeplin

#Sketch #Zeplin #Collaboration #Development

For some time, we’ve been scratching our heads around how to present relationships between screens, the flow of the project in Zeplin. This would not just inform developers, but also help everyone in…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Skpm Sketch Plugin Packager

#Sketch #PluginDevelopment

skpm - 💎📦 A utility to build and publish sketch plugins









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Prototyping inside Sketch 49: How it works and what you can do 🔥🎉🚀

#Sketch #Prototyping

Over the years Sketch’s amazing third-party developer community has made Sketch an incredibly extensible design toolkit. As a result, we can enjoy dozens of great companion products and prototyping…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Flawless App: macOS tool for visual quality check of mobile apps

#IOS #MobileDev #Productivity







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Frame: A collection of front- and back-end frameworks

#Css #JS #Frameworks #Backend #WebDev







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


screenfull.js demo

#JS #Productivity

Simple wrapper for cross-browser usage of the JavaScript Fullscreen API, which lets you bring the page or any element into fullscreen. Smoothens out the browser implementation differences, so you don't have too.









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


How to make Bootstrap carousel slider use mobile left/right swipe - Stack Overflow

#jquery #JS #WebDev







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Phase: Digital App Design (and export to code!)

#UIDesign #Tools #MobileDev #Native #React

Create Websites & Apps Visually, and Intuitively. Join us in the Real Digital Revolution. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Expo

#mobiledev #iOS #Android #OpenSource #JS #React

A free and open source toolchain built around React Native to help you build native iOS and Android apps using JavaScript and React.









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


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


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


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


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


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

#iOS #Dev







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


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


GitHub for Atom

#Git #Dev #Github #Atom

Atom's newest core package brings Git and GitHub integration right inside your editor!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...

Hello 2018!

#Sketch #Prototyping #Workshop #NYC

Hello everyone and happy new year!

I am very excited for what the new year will bring us! So much happened in 2017 in the UX/UI Design and Prototyping space!

Here are some of the things you should check out in case you missed them. A big one for me was the evolution of symbols in Sketch and design systems as well as collaboration among team members, and easier handoffs and if you work with React, lots of exciting things there too.

The last 6 months of 2017 I was pretty busy with a job out of town so I could not organize as many events but I am planning to start the year strong and we'll have events in NYC around:
– "Why it's good to prototype early and often" an event on the (crowded) prototyping space and. Good if you are new to the group/space. This an updated presentation I based on
Timeline by Anima App (just released!)
Fuse Tool's improved UI
Framer Studio
InVision Studio
Figma 2.0

Other big announcement was AdobeXD for Windows

Tons of products now have "Studio" in their name as they all rush to become the all-in-one tool to designers. 🚀

Sketch Workshops in January:
Basic if you are starting now
Advanced if you want to learn more advanced workflows or techniques.

Depending on availability, I organize custom workshop for teams. 

What would you like to learn or improve in 2018?

💌 Shoot me an email
and let me know! 😀

Ciao,
Francesco 












Scan & Share
Feed