Create a QR code for a URL, WiFi, contact or email

Pick a data type in the Generate tab, fill in its fields and watch the preview update as you type.

  • [data-types]

Goal

Turn a website, a piece of text, a WiFi login, a contact card or an email into a QR code.

Before you start

  • QRLY installed in Figma.

Steps

  1. Open QRLY Run QRLY from the Plugins menu. The Generate tab opens with https://raiken.io already in the URL field, so you see a sample QR code straight away.
  2. Choose a data type Under Data Type, click URL, Text, WiFi, vCard or Email. Each one shows its own fields.
    QRLY Generate tab: dot QR code preview, URL selected among five data types, https://raiken.io filled in.
    The Generate tab with its five data types (step 2).
  3. Fill in the fields URL: a web address; QRLY adds https:// when you leave it out. Text: any text. WiFi: Network Name (SSID), Password, Security (WPA/WPA2, WEP or Open) and the Hidden switch for a network that does not broadcast its name. vCard: First Name, Last Name, Phone, Email and Company. Email: Email Address, Subject and Message.
    QRLY Generate tab with WiFi selected: Network Name Studio Guest and a password typed in.
    WiFi fields; the preview updates as you type (step 3).
  4. Check the preview The preview at the top redraws a moment after you stop typing. Until the required field is filled, it shows an empty placeholder instead of a code.
  5. Place it Click Place QR Code at the bottom of the plugin to add the code to your canvas, or open the Style tab to change how it looks first.

Tips

  • Switching data types keeps what you typed in the other panels, so you can compare a URL code with an Email code without retyping.
  • For an open WiFi network, choose Open under Security; QRLY then leaves the password out of the code.

Result

A live QR code preview for your content, ready to style, place on the canvas or export.

If something goes wrong

  • The preview stays empty. Fill in the field each type needs: the network name for WiFi, a first or last name for vCard, the email address for Email. The other fields are optional.
  • The Place QR Code button is missing. It only appears when there is something to encode. Enter content for the selected data type and the button comes back.

Common questions

Which kinds of QR codes can QRLY create?

Five: URL (a web address), Text (any text), WiFi (network name, password and security type), vCard (name, phone, email and company) and Email (address, subject and message).

What does a WiFi QR code contain?

The network name, the security type (WPA/WPA2, WEP or Open), the password unless the network is open, and whether the network is hidden. Phones that support WiFi QR codes can join the network from it.

What does a vCard QR code contain?

A contact card (vCard 3.0) with the first and last name, and the phone, email and company when you fill them in.

What does an Email QR code do?

It holds a mailto: link with the address, and the subject and message when you add them, so scanning it opens a new email in the mail app.

Do I have to type https:// in front of a URL?

No. When a URL does not start with http:// or https://, QRLY adds https:// for you.

← All guides in Create QR Codes