34 lines
1.1 KiB
Markdown
34 lines
1.1 KiB
Markdown
This is a standalone sub-app to generate QR codes for the business cards
|
|
|
|
1. Run "generateQRCodes.js". This will create a qr_codes folder with all the codes as png images.
|
|
2. Upload all the Images into Figma. They should auto-organize into a grid.
|
|
3. 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
|
|
4. Make QR Codes the Right Size
|
|
- Change the width (and height) of each image to 538
|
|
5. Frame All Images
|
|
- Search "Batch wrap in Frame" in Figma plugins
|
|
- Select "Multiple Wrapper" plugin
|
|
- Wrap each image in a frame
|
|
6. 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
|
|
7. Export as 50 different images
|
|
8. 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
|
|
|
|
|
|
|
|
|
|
|