A new plugin from Lichin Lin turns your FigJam table into a beautiful and editable bar chart. See a short demo of how it works.

At Smashing Meets Figma event, Christine Vallaure showed how to add real data to your Figma designs, and various ways to include Google Sheets and API data via Kernel.

Ridd came up with a new tutorial on how to use Kernel for designing in Figma 10× faster with real data. Kernel is a new product that ​“makes it easy to generate and access the content you need so you can design faster than ever”, and connects Figma to other services like Notion, Airtable, Google Sheets, and OpenAI.

“Because many of us have little to no background in visual arts or graphic design, Figma is not usually prioritized as a skill for writers, and we’re not usually asked if we’re proficient. However, there are numerous benefits to learning the basics. Many folks working in content have become self-taught Figma aficionados because taking the time to master the essentials has made their work easier — and their role on the team more effective — in the long run.”

Parse JSON files and populate any layers with text or images.

New plugin providing sensible UX copy templates with multiple variations in voice and tone.

Jacob used Google Sheets Sync plugin to fill his designs with real medicine names while designing an online pharmacy that delivers NHS prescription medicine.

Avocode Write is a tool for copywriters, UX writers, and content editors to seamlessly collaborate with designers and design teams.

Femke shows Ditto Words, a new tool for UX writing.

If you still don’t use Google Sheets Sync, this article will show what you are missing out on.

Short tutorial on syncing live spreadsheet data using Google Sheets Sync plugin. Part 2 covers ordering data, hiding cells, and swapping components.

Use real or random data to create the most popular charts. Chart supports copy-paste from editors like Excel, Numbers, Google Sheets, live connection with Google Sheets and remote JSON (REST API), local CSV and JSON files.

Truly mind-blowing how this company uses Figma as a CMS for their website through API.

The tutorial explains the concept of content-first design and shows how to connect real content to elements in Figma files.

On a similar note, this post demonstrates how to get data to Figma from product information system (PIM) Crystallize using GraphQL Data Fill plugin. (The plugin is universal and can be used with other GraphQL services as well.)