Liniqo / AI tools / Framer

Use Liniqo in Framer

Put Liniqo illustrations on your Framer site in a minute. Copy the SVG from the library and paste it straight onto the canvas: it stays sharp at any size.

No code · 1 minuteWorks with the 300+ free illustrations
  1. 1

    Pick and colour the illustration

    In the library, choose your brand colour and light or dark, open an illustration and click Copy SVG code.

  2. 2

    Paste it on your page

    In Framer, select the frame where it should go and press ⌘V (Ctrl+V on Windows). Resize it like any other layer. Prefer files? Download the SVG and drag it in.

Liniqo Live

Interactive illustrations in Framer

Pro and Lifetime include all 500+ interactive figures; 23 are free to try. They move with the visitor’s mouse or finger and stay in your colours.

  1. 1

    Copy the embed code

    Switch the library to Interactive, open a figure, set the colour and liveliness, and click Copy embed code.

  2. 2

    Add an Embed component

    In Framer, insert an Embed component, choose HTML and paste the code. Size the embed like any frame: the figure fills it.

  3. 3

    Preview and publish

    Click Preview and move your mouse over it to see it react, then publish.

Prompts to try in Framer

Copy one, replace the parts in [brackets] with your own, and paste. See all 25 prompts.

Hero onlyThe first thing visitors see

Replace the image in my hero section with a Liniqo illustration that shows [what my product does, e.g. "invoices getting paid automatically"]. Put it on the right on desktop and above the headline on mobile, about 480px wide. Use the light version and our brand colour [#3b5bff].

Feature gridThree to six feature cards

My features section has [number] cards: [feature 1], [feature 2], [feature 3]. Add a fitting Liniqo illustration to the top of each card, all the same height, so the cards look like a matching set.

Make it consistentFix mixed images and icons

Go through the whole site and replace mismatched stock images and clip art with Liniqo illustrations, so every page uses one consistent style. List what you replaced.

Which plan do you need? Free gives you 300+ illustrations to try in a real project. Personal unlocks the whole library for your own product. Pro adds animated files, 500+ interactive figures and client work. Lifetime gets every monthly drop of 100+ new illustrations, forever.

Compare plans →

Questions

Why does the pasted SVG look different from the preview?

Make sure you chose the colour and theme before copying. The copied SVG carries the colours you set in the library.

Open the library →Other toolsGet help