This is a standalone sub-app to generate QR codes for the business cards
- Run "generateQRCodes.js". This will create a qr_codes folder with all the codes as png images.
- Upload all the Images into Figma. They should auto-organize into a grid.
- Make QR Codes Transparent
- Select all the images
- go to the "Appearance" section in the right sidebar
- click the droplet ("Apply blend mode")
- select "Darken" from the menu
- Make QR Codes the Right Size
- Change the width (and height) of each image to 538
- Frame All Images
- Search "Batch wrap in Frame" in Figma plugins
- Select "Multiple Wrapper" plugin
- Wrap each image in a frame
- Add Backgrounds
- Go to "Layout" section in right sidebar, select the "vertical" option (the icon with the 2 rectangles and arrow pointing down)
- Center the images using the alignment tool (right below width and height inputs)
- Change the width to 1888, height to 1079
- Change fill to #FFEACA
- Export as 50 different images
- Upload Each one to Moo
Process Improvements: Figure out how to upload more efficiently (6 min per 50 cards) Figure out how to add number to card so I know which one I am giving to people