🔧 🚀 Introducing Figma Sprite Generator – Effortlessly Create PNG Sprites from Your Figma Icons
Nachrichtenbereich: 🔧 Programmierung
🔗 Quelle: dev.to
Hey DEV community! 👋
I just released a Figma plugin called Figma Sprite Generator, and I’d love to get your feedback! The tool is designed to help designers quickly generate PNG sprites from selected icons within Figma.
🎯 Key Features:
Easy-to-use interface: Select your icons and export them as a single PNG sprite with just a few clicks.
Customizable ratios: Resize icons to your desired scale with a simple ratio selection (e.g., 1.5x or 2x).
Automatic sprite.json generation: Along with the sprite image, you’ll get a JSON file with all the icons' coordinates and dimensions for easy integration in your projects.
🎨 Why I Built This:
As a software engineer, I’ve worked closely with many designers who often struggle with creating spritesheet icons. It’s a frustrating process for them—exporting all the icons from Figma, uploading them to a platform to generate the spritesheet, and then going through additional steps to get the final result. This manual approach is time-consuming and inefficient. Figma Sprite Generator automates the entire process, instantly creating sprites and generating metadata, simplifying the workflow for both designers and developers.
🛠️ How It Works:
Select the icons you want in Figma.
Choose the desired ratio for resizing.
Generate a PNG sprite and JSON metadata with the positions and sizes of each icon.
🌟 Check it out:
You can find the project on GitHub: Figma Sprite Generator. Feel free to contribute, open issues, or suggest improvements!
Let me know what you think in the comments! 🚀
...
🔧 One byte explainer GAMES : Sprites
📈 29.3 Punkte
🔧 Programmierung
🔧 Animating Sprites In 2D games
📈 29.3 Punkte
🔧 Programmierung
🔧 What are the benefits of CSS Sprites?
📈 29.3 Punkte
🔧 Programmierung
🔧 Figma for developers: Figma Components
📈 25.23 Punkte
🔧 Programmierung
🔧 Figma for developers: Figma Layout
📈 25.23 Punkte
🔧 Programmierung
🔧 Figma for developers: Figma Basics
📈 25.23 Punkte
🔧 Programmierung
⚠️ FTP Sprite v1.2.1 iOS - Persistent Web Vulnerability
📈 24.87 Punkte
⚠️ PoC
🔧 Sprite Animations Using Steps in CSS
📈 24.87 Punkte
🔧 Programmierung
🔧 Animated Sprite 2D
📈 24.87 Punkte
🔧 Programmierung
⚠️ [dos] - Adobe Flash - Sprite Creation Use-After-Free
📈 24.87 Punkte
⚠️ PoC
⚠️ Adobe Flash Sprite Creation Use-After-Free
📈 24.87 Punkte
⚠️ PoC
⚠️ FTP Sprite v1.2.1 iOS - Persistent Web Vulnerability
📈 24.87 Punkte
⚠️ PoC
⚠️ [dos] - Adobe Flash - Sprite Creation Use-After-Free
📈 24.87 Punkte
⚠️ PoC
⚠️ Adobe Flash Sprite Creation Use-After-Free
📈 24.87 Punkte
⚠️ PoC