Design Matrix

About this plugin

Design Matrix is a powerful Figma plugin that bridges your structured Excel data directly into your Figma designs. With seamless drag-and-drop or manual upload support for .xlsx files, it allows designers to preview, filter, and selectively sync data into their layouts with precision and control.Core FeaturesLive Excel SyncDrag and drop an Excel file into the plugin to instantly preview and sync your data.Selective Column SyncToggle individual columns to control exactly which data fields get included in your design process.Smart FilteringUse built-in dropdown filters to select specific rows based on unique values from any column🏷️ Tag-Based Layer BindingClick on any column header to assign it as a special tag. These tags will automatically bind Excel values to matching Figma text layers during sync.For example, if a text layer is named #title and you tag the column title, Design Matrix will automatically populate that text node with the matching row value.How to UseUpload Excel FileUse the drag-and-drop zone or click to manually upload a .xlsx file.Select your desired sheet from the dropdown.Preview & ConfigureThe data will be previewed in a table format.Use the toggles beside each column name to enable or disable syncing for that field.Assign special tags to key columns by clicking the “Tag” button next to their names.Filter DataUse the filter controls to focus on a specific set of rows.Choose a column and one of its unique values to limit what gets synced.SyncClick “Sync” to push the tagged data values into matching text layers within your Figma design.