Sketch to Figma

Introduction:

When my co-worker went on maternity leave I was tasked to move all design files on the WillMaker project from Sketch to Figma. As we convinced the company that Figma is a more efficient tool for our needs.

Problems:

• Files in Sketch were scattered across multiple files and were paired with Abstract (version control system)

• Before moving files from Sketch to Figma I had to understand what files are important and need to be moved and what files are either obsolete or don’t represent any value and no need in moving them to Figma

• A new design system in Figma should be established and files in Sketch were supposed to retire

My role:

• I was in charge of moving design files on the WillMaker project from Sketch to Figma

• I had to start establishing a new design system in Figma for the WillMaker project

Finding a solution (Research, Concepting, Collaboration, etc.):

• Talking to previous project owners to understand what are the most important files in Sketch that need to be kept

• I had to go over each project in Abstract and understand what’s indie of each of the files and move them one by one to Figma

• I created a table where I was updating statuses (moved, not moved, not needed) of each of the files after/before each manipulation in the Abstract library

Building new design system in Figma

Outcomes / Success stats:

• All important files were successfully moved from Sketch to Figma

• A new design system was established in Figma for the WIllmaker project
  

Updated desktop design re-built with new components in FIgma

Updated patterns for mobile

Updated patterns for desktop

Responsive components

Learnings:

• Dealing with Abstract was pretty stressful and challenging due to constant crashes and bad organization