Custom Merchandise Image Generator - Figma-based

Job ID: 39196715

Budget: $30 – $250 USD

Project Overview
Create a web application that generates personalized images for merchandise by customizing a pre-designed Figma template with individual user content (Twitter avatar, name, and greeting). The system will produce a ready-to-print JPG file for each user.


Technical Approach
Direct integration with Figma API to access and modify our existing merchandise design template
Users will provide their Twitter avatar and two text fields (name and greeting)
Application will update the corresponding elements in the Figma file via API and export the personalized design as JPG

Core Features

Simple user interface with:

Image upload field for Twitter avatar
Two text input fields (name and personalized greeting)
Preview functionality
Submit button to generate final JPG


Backend processing to:

Connect to Figma API using provided credentials
Replace the placeholder elements in our template with the user's content
Export the customized design as a high-quality JPG
Deliver the final image file for merchandise production

Deliverables

Fully functional web application connecting to the Figma API
Documentation for system setup and maintenance
Complete source code
Hosting during development and testing phase
Instructions for eventual migration to our own hosting

Timeline

Week 1: Requirements confirmation and system design
Week 2: Development and Figma API integration
Week 3: Testing, refinements, and delivery

Technical Requirements

Experience with Figma API integration
Image processing capabilities
Web application development skills
Secure credential handling

IMPORTANT: Current Job is ONLY for this one use case. Might extend later, but for now ONLY this one application: Have the fig file, get an avatar image and two text fields. Create the jpg in the resuolution required
Related categories: JavaScript HTML Figma