Embed Everything: How to Build Rich Documents Without Leaving the Page

April 20, 20264 min read
Embed Everything: How to Build Rich Documents Without Leaving the Page

YouTube videos. Figma designs. Google Sheets. PDFs. Loom recordings. Your document should be the destination, not a detour.




We live in an era of incredible specialized tools. Figma for design. Loom for video walkthroughs. Google Sheets for data. YouTube for tutorials. Each one is best-in-class at what it does.

The problem? Your documents are where all of these things need to come together. And most document editors treat embeds as an afterthought — if they support them at all.

The Embed-First Philosophy

Quixli treats embedded content as first-class citizens. Not links that open in a new tab. Not thumbnails that require a click-through. Actual, rendered, interactive embeds that live alongside your text.

Here's what that means in practice.

Video Embeds That Just Work





Type a YouTube URL, and you get an embedded player. Not a link. Not a preview card. A resizable video player, right there in your document.

The same goes for:

  • Vimeo — for professional video content

  • Loom — for async video walkthroughs and screen recordings

Each embed is resizable. Drag the handles to make the video take up the full width of your document or tuck it into a smaller space. The aspect ratio is maintained automatically.

Why this matters for teams: Consider a product requirements document. Instead of writing "see the Loom walkthrough at [link]," you embed the Loom directly. The reader watches the demo in context, surrounded by the written requirements. No tab switching. No lost attention.

Figma Designs Inside Your Documents

This one changes the game for design-adjacent teams.

Embed a Figma file, and your readers see the actual design — not a screenshot that was current three iterations ago. As the Figma file updates, the embed reflects the latest version.

The embed uses an optimized 5:8 aspect ratio designed for design content, and it's fully resizable. Product managers can review designs in the context of the product brief. Engineers can reference the mockup while reading the technical spec.

No more "the designs are in Figma, let me get you the link."

Google Docs and Sheets — Inside Quixli

Sometimes the data lives in Google's ecosystem, and that's fine. Rather than duplicating it, embed it:

  • Google Docs — embed a living document that stays in sync with the original

  • Google Sheets — embed a spreadsheet for reference data, financial models, or project trackers

The embedded content is interactive. Viewers can scroll through sheets, switch tabs, and interact with the data without leaving your Quixli document.

PDF Viewing Without Downloads

Embed a PDF and it renders inline with a full viewer — pagination, zoom, scroll. This is invaluable for:

  • Research papers referenced in literature reviews

  • Contracts discussed in deal-room documents

  • Specification sheets included in technical documentation

Your readers shouldn't need to download a file and open it in a separate application to see a three-page PDF.

Link Previews: When a Full Embed Is Too Much

Not everything needs a full embed. Sometimes you just want to reference a webpage with more context than a bare URL provides.

Quixli's bookmark blocks automatically fetch the page title, description, favicon, and preview image from any URL. The result is a rich preview card that gives readers enough context to decide whether to click through.

This works for virtually any public URL — blog posts, GitHub repos, documentation pages, tweets, articles. Drop the link, get a beautifully formatted preview.

Images That Respect Your Layout

Image handling sounds basic until you've fought with an editor that insists on making every image full-width or refuses to let you resize without distortion.

Quixli images are:

  • Drag-and-drop uploadable — drop images straight from your desktop

  • Resizable — drag handles to set the exact size you want

  • Gallery-compatible — upload multiple images and browse them in a gallery picker

Combined with multi-column layouts, you can create documents with images positioned exactly where you want them — inline with text, side by side, or spanning the full width.

File Attachments for Everything Else

Some content doesn't embed well, and that's okay. Quixli supports file attachments for any file type. Upload a ZIP, a CSV, an APK, a sketch file — whatever your team needs access to. The file sits in your document, downloadable by anyone with the right permissions.

Building Rich Documents: A Real Example

Here's what a project kickoff document might look like with embeds:

  1. Project Overview — written text with headings and bullet points

  1. Demo Video — an embedded Loom recording of the product concept

  1. Design Mockups — an embedded Figma file showing the proposed UI

  1. Market Research — an embedded Google Sheet with competitor analysis data

  1. Technical Architecture — a Mermaid diagram showing the system design

  1. Reference Material — bookmark cards linking to relevant articles and documentation

  1. Budget Spreadsheet — an embedded Google Sheet with cost projections

  1. Contract — an embedded PDF of the signed agreement

All in one page. All editable, resizable, and shareable. All loading instantly when the document opens.

The Slash Command Pattern

Every embed type is accessible through the slash command menu:



Type

Command

YouTube

/youtube

Vimeo

/vimeo

Loom

/loom

Figma

/figma

Google Docs

/google-docs

Google Sheets

/google-sheets

PDF

/pdf

Image

/image

File

/file

Bookmark

/bookmark

Paste the URL, and the embed renders. That's the entire workflow.

Why Embeds Matter More Than Features Lists Suggest

Embeds aren't just a convenience feature. They change the fundamental nature of a document.

A document without embeds is a reference — it points you to the things you need to see. A document with embeds is a destination — it contains the things you need to see.

That distinction matters for:

  • Onboarding — new team members get everything in one place

  • Async communication — the document tells the whole story without requiring follow-up questions

  • Documentation longevity — embeds stay current; links go stale

Your documents should be the place where work comes together, not a directory of where work lives.




Build documents that contain your entire workflow. Embed videos, designs, spreadsheets, and more — all without leaving the page.