Lädt...


🔧 🚀 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! 🚀

...

🔧 🚀 Introducing Figma Sprite Generator – Effortlessly Create PNG Sprites from Your Figma Icons


📈 147.82 Punkte
🔧 Programmierung

🔧 Introducing Hue Palette: Effortlessly Create Custom Hue Palettes & Tailwind CSS Config


📈 33.42 Punkte
🔧 Programmierung

🔧 Awesome Social Media Icons With Hover Effects (Font Awesome Icons & SVG Icons)


📈 33.4 Punkte
🔧 Programmierung

🔧 Introducing Soyo: Stream On Your Own , Effortlessly 🎬🎧


📈 30.01 Punkte
🔧 Programmierung

🔧 One byte explainer GAMES : Sprites


📈 29.3 Punkte
🔧 Programmierung

🔧 Animating Sprites In 2D games


📈 29.3 Punkte
🔧 Programmierung

🔧 Enhancing Web Performance with Image Sprites


📈 29.3 Punkte
🔧 Programmierung

🔧 What are the benefits of CSS Sprites?


📈 29.3 Punkte
🔧 Programmierung

🔧 Fotos: Observatorium in Chile nimmt seltene „Red Sprites“ auf


📈 29.3 Punkte
🔧 Programmierung

🔧 No Designer? No Problem! Craft Logos Effortlessly with Imagine AI Logo Generator


📈 28.14 Punkte
🔧 Programmierung

🔧 Effortlessly Create Your React Portfolio with the Frontend AI Tool


📈 27.66 Punkte
🔧 Programmierung

🔧 Visualize Your Code: Effortlessly Create Images in Seconds


📈 27.66 Punkte
🔧 Programmierung

🔧 Introducing miniogre: Dockerize Python Applications Effortlessly


📈 27.2 Punkte
🔧 Programmierung

🔧 Figma for developers: Figma Components


📈 25.23 Punkte
🔧 Programmierung

🔧 Figma for developers: Figma Styles, Typography and Variables


📈 25.23 Punkte
🔧 Programmierung

🔧 Figma for developers: Figma Layout


📈 25.23 Punkte
🔧 Programmierung

🔧 Figma for developers: Figma Basics


📈 25.23 Punkte
🔧 Programmierung

🔧 Figma Unveils Transformative Redesign and Powerful Figma AI Features


📈 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

🕵️ Building a NES Emulator - Sprite Rendering


📈 24.87 Punkte
🕵️ Reverse Engineering

🕵️ Building a NES Emulator - Sprite Rendering


📈 24.87 Punkte
🕵️ Reverse Engineering

🔧 Animated Sprite 2D


📈 24.87 Punkte
🔧 Programmierung

🕵️ FTP Sprite v1.2.1 iOS - Persistent Web Vulnerability


📈 24.87 Punkte
🕵️ Sicherheitslücken

⚠️ [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

🕵️ FTP Sprite v1.2.1 iOS - Persistent Web Vulnerability


📈 24.87 Punkte
🕵️ Sicherheitslücken

⚠️ [dos] - Adobe Flash - Sprite Creation Use-After-Free


📈 24.87 Punkte
⚠️ PoC

⚠️ Adobe Flash Sprite Creation Use-After-Free


📈 24.87 Punkte
⚠️ PoC

🔧 Effortlessly Create an AI Dungeon Master Bot Using Julep and Chainlit


📈 24.85 Punkte
🔧 Programmierung

matomo