Plus UI Design · Practical guides

Create and test a QR code in Figma

Build a code for a real destination and verify the inserted result before using it in a design.

Start with the destination

Use the complete address of the page you want people to open. Check it in a browser before generating the code. Avoid a temporary preview URL if the design will be printed or distributed for a long time.

Generate and insert

Open QR Code Gen Z, enter the destination and adjust the available appearance controls. Start with a simple, high-contrast version before adding a logo. Check the Insert button to see the output format available under your current license; PNG and SVG availability can differ.

Test the actual design

Scan the inserted code with a phone and confirm the final destination. Test it again after exporting the design, because resizing, cropping and compression can affect readability. A successful preview scan does not replace testing the final asset.