...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Import assets from Sketch & Figma to AE

#AFX #Plugins #Sketch #Figma #Motion

On this video you will learn how to import assets from Sketch & Figma to After Effects using the plugin aeux.io. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


A Practical Guide To SVG And Design Tools (Smashing Magazine)

#SVGs #Tools #BestPractices #Sketch #Figma #Illustrator #Productivity

To make the best of SVG, it’s useful not only to learn its syntax but also to understand how SVG is generated by graphic design software. Let’€™s take a closer look at the process of generating SVG with popular design apps and how we can use them to our own advantage.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design Systems articles on building and maintaining design systems

#DesignSystems #UIDesign #BestPractices #Productivity #Figma

A Figma publication for design systems creators, designers, developers, and managers









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Animate your Figma designs with our new Principle integration

#Prototyping #Figma #Principle #Productivity

Today we have some special news that’s been months…perhaps years…in the making. Figma now integrates with the prototyping tool Principle, so you can easily build advanced animations of your Figma…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma 3.0

#Figma #UIDesign #Prototyping #Collaboration

Desktop-based design can come with a hefty price. Teams spend their days managing a Frankenstein workflow: Which prototype has stakeholder comments? Is the style guide up to date? Are we all working…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


5 ways to use Figma that you probably never thought of

#Figma #UIDesign

Figma’s magic lives in its collaborative capabilities. If you’ve ever watched someone else’s cursor dance across a frame to tweak a problem spot while you’re filling in copy in that same frame, you…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Frames: Show off your work

#Sketch #Figma #Mockups

Like many designers, we’ve long used high-fidelity device mockups in an effort to bring early ideas and designs to life. We’ve tried all the best ones. But they all fall short for similar reasons —…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Evolution of Tools

#Airbnb #UIDesign #Articles #Figma







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Pagedraw: Effortlessly turn mockups into functional UI code

#React #Figma #WebDevelopment #UI

Design your web UI, then use the design directly from code. No more time wasted translating mockups to JSX and CSS. Using Pagedraw is like adding another React developer to your team.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma’s Platform

#Figma #Plugins #Productivity

Today, we’re excited to launch the Figma Platform, a way to improve design workflows by connecting Figma to other tools, scripts and even web apps. We’re starting off with a new concept for the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Mockup Club: Best Free Mockups

#Sketch #Photoshop #Figma #Free #Resources #Productivity

A directory of the best free design mockups for Photoshop, Sketch, Figma and InVision Studio.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma Dark UI: A Chrome Extension by Paper Tiger Agency

#Figma #UIDesign #Productivity #ChromeExtension







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma prototyping: now with transitions

#Figma #Prototyping

Design involves far more than just the designer these days. Engineers, marketers, project managers, and other stakeholders collaborate until the best product emerges. To do this efficiently, teams…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma: A Fluid and Modular Design Approach to Typography with Components

#Figma #Typography #Components #AtomicDesign

One of the main concern for designers during the making of an adaptive or responsive UI is text management. The vast majority of the components built on a system are made using text elements. The…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


iPhone X Mockup for Figma by Paper Tiger

#Figma #Mockups #Free #PaperTiger







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 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Stitch Fix Accelerates Design Sprints by Collaborating in Figma

#DesignSprint #Collaboration #Prototyping #Figma

Personal style service Stitch Fix made waves in November as the first tech IPO led by a woman in 2017. Since then, its market cap has nearly doubled. The company won the hearts of consumers with an…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


What Tesla’s Model 3 UI Reveals About Its Vision for the Future

#UIDesign #Figma #UIKits #Tesla #DesignSystem

If you’re a designer/car enthusiast this post is for you. I’ve broken down the details of the dashboard controls and interface of the Tesla Model 3, the first mass-market, touchscreen only electric…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma: Team Library 1.0

#Figma #UIDesign #Libraries #Collaboration

We’re excited to announce Team Library 1.0, which empowers teams to create, use and maintain design systems. We introduced the beta version in February, and since then we’ve talked to hundreds of…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma 2.0: Now with Prototyping and Developer Handoff

#Sketch #Figma #Photoshop #UIDesign #handoff #Dev #mobile

Big news in the Figma house today — we’re excited to finally unveil Figma 2.0. It’s an expanded version of the product you love (or at least like a lot, right 😉?) with significant new features…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: Design Guide importing from Sketch, Figma or Photoshop

#Framer #Sketch #Figma #Photoshop #Prototyping

Working in Sketch, Figma or Photoshop? Framer offers a fully integrated import workflow, so you can go back and forth as many times as you need. Currently, you can only import a design into Code to start animation.












Scan & Share
Feed