Week 53 - Accessibility, pixels and a UI flip
This week's five new Figma plugins.
This week’s issue features some cool Figma plugins that are pretty unique… There’s a toolkit to help make your designs accessible, a plugin that adapts layouts for right-to-left (RTL) languages, a cool pixel art generator and more!
Five powerful plugins—each free and feature-packed—that can help you create more inclusive, creative and efficient designs.
1. BrowserStack Accessibility Design Toolkit
An all-in-one accessibility toolkit.
Creating accessible designs has never been easier thanks to Figma plugins. BrowserStack Accessibility Design Toolkit is the latest all-in-one accessibility plugin that empowers teams to integrate accessibility checks into the design phase, helping to ensure compliance with accessibility standards right from the start. It provides automated checks and intelligent annotation suggestions, allowing designers to address accessibility issues early in the process, reducing costs in later development stages.
🎁 FREE
✅ Full toolkit to design for accessibility
➡️ Get designs A11y-ready for handoff to development
2. Flip UI
Flip your UI to make it ready for right-to-left (RTL).
Designing for right-to-left (RTL) languages like Arabic can be challenging, but Flip UI simplifies the process by flipping layouts, reversing text alignments and preserving image integrity. This plugin is ideal for creating multilingual interfaces, enabling designers to adapt left-to-right (LTR) layouts for RTL languages with just a click. It saves time and ensures that your designs are culturally appropriate and visually consistent for global audiences.
*Note: it’s important to read the full plugin description so the flip goes perfectly.
🎁 FREE
↔️ Flip designs to right-to-left in a click
🌍 Design for RTL languages like arabic
3. Pixel Art Generator
Create cool pixel art.
Pixel Art Generator lets you design pixel art from scratch, pixelate images, or even craft emoji art. It offers extensive customization options, including adjustable pixel grid sizes, color palettes and the ability to round pixel edges for a softer look. Whether you’re experimenting with retro-style designs or need a touch of playful creativity, this plugin has you covered.
🎁 3-day FREE trial 💰 $24 one-time payment
👾 Draw your own pixel art or pixelate existing images and emojis
🎨 Adjustable grid sizes, pixel radii and color palettes
4. Polygon Background Generator
Create unique polygon backgrounds in Figma.
Add a geometric touch to your designs with the Polygon Background Generator. This plugin enables you to craft custom polygon-based backgrounds, complete with extensive controls for geometry, color, and depth. Whether you’re polygonizing images or designing from scratch, it offers options to export backgrounds as PNG or fully editable SVGs. The fullscreen preview mode is a bonus, allowing you to refine your designs before inserting them into Figma.
🎁 2 FREE trials 💰 $12 one-time payment
💎 Polygonize images with intuitive controls
🎨 Customize distortion, size, depth, colors; export as PNG or SVG
5. Variables to Code
Transform variables into production-ready code.
Bridging the gap between design and development, Variables to Code transforms Figma variables into production-ready code. Supporting multiple platforms such as Android (XML), iOS (Swift), Flutter (Dart) and Web (CSS), this plugin ensures that your design system translates into code. It simplifies the developer handoff process by eliminating the guesswork, allowing for accurate and efficient implementation.
🎁 FREE
🧑💻 Convert Figma variables to code
📲 Supports color, number, string and boolean variables.
✏️ Newsletter brought to you by ‹div›RIOTS.