Framer Schema
← Animationsyank.design
Schema Walker
FIBER TREEwindow.__framer.runtime.fiber
<Frame>
PageRoot
id="PgR00"
1440×auto
<Stack>
NavBar
id="aT1Ko"
horizontal
<SmartComponent>
Logo
id="L0gOq"
32×32
<Stack>
NavLinks
id="nVLnK"
horizontal
<RichText>
Link/Home
id="Hm3qV"
<RichText>
Link/Pricing
id="Pr1Ce"
<RichText>
Link/About
id="aB0u7"
<Stack>
Hero
id="B4hPx"
vertical
<RichText>
Title
id="JmKqe"
<RichText>
Subtitle
id="sUb91"
<SmartComponent>
CTAButton
id="cTa42"
160×48
<Stack>
Footer
id="F0t3R"
horizontal
SCHEMA.JSONUTF-8 · JSON
walking
Walking… 0/12 fibers · 0 components · 0 unknowns
✓Schema extracted · 12 fibers · 2.4 KB JSON
UTF-8·LF·JSON

Framer Schema

Framer's runtime exposes window.__framer.runtime.fiber, the live React fiber tree. yank walks it depth-first and produces a serializable Schema capturing component identity, overrides, layout, and styles — the source-of-truth your output codebase is rebuilt from.