Articles

Another developer’s perspective on using Figma. Nice to see how shared resources and available UI kits empower developers to design on their own.

A frontend developer’s glance at Figma. His view of Figma as a GitHub for designers rings very true to me.

Figma released Universal Search in April, and now they rolled out Deep Search, which allows to search for files that contain a given word or phrase.

List view for color styles. In-line details for text styles. Search. The edit icon is available in the list view. Fantastic update!

Now you can adjust shadow spread in Figma on some kinds of objects to create better depth, glows, and borders. It’s fully compatible with the CSS property box-shadow.

Interview with Jason Pearson, Figma’s Head of Product Support.

Rafal Tomal suggests an interesting way to separate his working files from client previews in Figma.

The article covers some of the most common animations found in apps and websites and how to implement them in Figma.

The team at Little Miss Robot wasn’t happy with their workflow, and how many tools they had to use, so they decided to try Figma. The beginning of COVID-19 made it the perfect setting. The result? ​“We feel like Figma isn’t just another design tool, but rather an ​“enabler.” It lets you create without adding many technical limitations. And you can use it to collaborate and communicate in a no-nonsense but versatile way.“

Active Theory was tasked by Acura with celebrating 20 years of driving through an immersive racing game. They used Cinema4D for track design, Substance Painter for car models, and a custom Figma pipeline to bring each unique UI style directly into the engine to be rendered with WebGL.

Tweak the spacing for individual letters, adjust the line height of individual paragraphs, and fine-tune font weights.

A framework for evaluating design tools from the team at Figma. ​“To find the right fit, it’s not just about reading countless articles and reviews to identify the ​‘best in class‘ option. Rather, there are a number of considerations — team size, distribution, workflow — that should inform the decision.”

After leading two migrations from Sketch, Abstract, and Zeplin to Figma in the past two years, Iougo Huan shares what he learned to help your team in the migration process.

While the title mentions only Adobe XD, I liked how they also tried Sketch for Teams and Framer X before settling on Figma. Their final scoresheet is very detailed and seems quite accurate.

What makes this switch story interesting is their previous setup with the design system source of truth in React components and automatic generation of Sketch symbols from them. While switching to Figma, they ended up manually recreating components, and that resulted in a higher quality comparing to auto-generated Sketch symbols.

A recap from a presentation that product designer Helena Jaramillo from Coda recently gave. ​“In my experience, knowing how and when to collaborate with others plays a large factor in a project’s success. Here’s a look at how I’ve worked to bring engineers into the design process as early as possible.”

Nine things that team at Si digital learned while collaborating on projects in Figma. ​“If it’s a small project, two can be a crowd for side by side designing. Bring in a large project with a ton of pages and a tight deadline, two becomes the only way to deliver.”

The team at Evil Martians shares how designers and engineers can speak the same language by using dynamic components built with Auto Layout. The article presents multiple techniques with good animated examples.

David Hoang is a Director of Design at Webflow and teaches UX Design at General Assembly. He provides an interesting look at how COVID-19 forced him to lean on Figma to be the core foundation of how they’d approach learning.

That blog post made the rounds lately, and for a good reason. If you’re curious about a bigger picture of why Figma is so important, it’s a must-read. Also, see the discussion on HackerNews.