https://xiaoyou.framer.website/ https://xiaoyou.framer.website/blog https://xiaoyou.framer.website/uitips https://xiaoyou.framer.website/uxtips https://xiaoyou.framer.website/works https://xiaoyou.framer.website/about https://xiaoyou.framer.website/contact https://xiaoyou.framer.website/404 https://xiaoyou.framer.website/works/tamo-vietnam-loan-app-website-design https://xiaoyou.framer.website/works/kredigo-indonesia-loan-website-design https://xiaoyou.framer.website/works/kredigo-indonesia-loan-app https://xiaoyou.framer.website/works/wowpera-brand-app-website-design https://xiaoyou.framer.website/works/wowpera-philippines-loan-app https://xiaoyou.framer.website/works/scrow-web-mobile-interface-design https://xiaoyou.framer.website/works/hbdiamond-presentation-design https://xiaoyou.framer.website/works/zero-website-design https://xiaoyou.framer.website/works/flashbee-high-efficiency-lending-and-debt-collection-app-copy https://xiaoyou.framer.website/works/caas-sales-consultant-wechat-mini-program https://xiaoyou.framer.website/works/taxben-pc-design https://xiaoyou.framer.website/works/flashbee-high-efficiency-lending-and-debt-collection-app https://xiaoyou.framer.website/works/taxbook-app-design https://xiaoyou.framer.website/works/presuit-legal-services-platform-visual-and-experience-design https://xiaoyou.framer.website/works/cakebliss-custom-cakes https://xiaoyou.framer.website/uitips/39 https://xiaoyou.framer.website/uitips/38 https://xiaoyou.framer.website/uitips/37 https://xiaoyou.framer.website/uitips/36 https://xiaoyou.framer.website/uitips/35 https://xiaoyou.framer.website/uitips/34 https://xiaoyou.framer.website/uitips/33 https://xiaoyou.framer.website/uitips/32 https://xiaoyou.framer.website/uitips/31 https://xiaoyou.framer.website/uitips/30 https://xiaoyou.framer.website/uitips/29 https://xiaoyou.framer.website/uitips/28 https://xiaoyou.framer.website/uitips/27 https://xiaoyou.framer.website/uitips/26 https://xiaoyou.framer.website/uitips/25 https://xiaoyou.framer.website/uitips/24 https://xiaoyou.framer.website/uitips/23 https://xiaoyou.framer.website/uitips/22 https://xiaoyou.framer.website/uitips/21 https://xiaoyou.framer.website/uitips/20 https://xiaoyou.framer.website/uitips/19 https://xiaoyou.framer.website/uitips/18 https://xiaoyou.framer.website/uitips/17 https://xiaoyou.framer.website/uitips/16 https://xiaoyou.framer.website/uitips/15 https://xiaoyou.framer.website/uitips/14 https://xiaoyou.framer.website/uitips/13 https://xiaoyou.framer.website/uitips/12 https://xiaoyou.framer.website/uitips/11 https://xiaoyou.framer.website/uitips/10 https://xiaoyou.framer.website/uitips/9 https://xiaoyou.framer.website/uitips/8 https://xiaoyou.framer.website/uitips/7 https://xiaoyou.framer.website/uitips/6 https://xiaoyou.framer.website/uitips/5 https://xiaoyou.framer.website/uitips/4 https://xiaoyou.framer.website/uitips/3 https://xiaoyou.framer.website/uitips/2 https://xiaoyou.framer.website/uitips/1 https://xiaoyou.framer.website/uxtips/29 https://xiaoyou.framer.website/uxtips/28 https://xiaoyou.framer.website/uxtips/27 https://xiaoyou.framer.website/uxtips/26 https://xiaoyou.framer.website/uxtips/25 https://xiaoyou.framer.website/uxtips/24 https://xiaoyou.framer.website/uxtips/23 https://xiaoyou.framer.website/uxtips/22 https://xiaoyou.framer.website/uxtips/21 https://xiaoyou.framer.website/uxtips/20 https://xiaoyou.framer.website/uxtips/19 https://xiaoyou.framer.website/uxtips/18 https://xiaoyou.framer.website/uxtips/17 https://xiaoyou.framer.website/uxtips/16 https://xiaoyou.framer.website/uxtips/15 https://xiaoyou.framer.website/uxtips/14 https://xiaoyou.framer.website/uxtips/13 https://xiaoyou.framer.website/uxtips/12 https://xiaoyou.framer.website/uxtips/11 https://xiaoyou.framer.website/uxtips/10 https://xiaoyou.framer.website/uxtips/9 https://xiaoyou.framer.website/uxtips/8 https://xiaoyou.framer.website/uxtips/7 https://xiaoyou.framer.website/uxtips/6 https://xiaoyou.framer.website/uxtips/5 https://xiaoyou.framer.website/uxtips/4 https://xiaoyou.framer.website/uxtips/3 https://xiaoyou.framer.website/uxtips/2 https://xiaoyou.framer.website/uxtips/1 https://xiaoyou.framer.website/blog/ui-28 https://xiaoyou.framer.website/blog/design-method-038-experiments https://xiaoyou.framer.website/blog/design-method-039-exploratory-research https://xiaoyou.framer.website/blog/design-method-040-eyetracking https://xiaoyou.framer.website/blog/design-method-041-flexible-modeling https://xiaoyou.framer.website/blog/design-method-042-fly-on-the-wall-observation https://xiaoyou.framer.website/blog/design-method-043-focus-groups https://xiaoyou.framer.website/blog/design-method-044-generative-research https://xiaoyou.framer.website/blog/design-method-045-graffiti-walls https://xiaoyou.framer.website/blog/design-method-046-heuristic-evaluation https://xiaoyou.framer.website/blog/design-method-047-image-boards https://xiaoyou.framer.website/blog/design-method-048-interviews https://xiaoyou.framer.website/blog/design-method-049-kj-technique https://xiaoyou.framer.website/blog/design-method-050-kano-analysis https://xiaoyou.framer.website/blog/design-method-051-key-performance-indicators https://xiaoyou.framer.website/blog/design-method-052-laddering https://xiaoyou.framer.website/blog/design-method-053-literature-reviews https://xiaoyou.framer.website/blog/design-method-054-the-love-letter-and-the-breakup-letter https://xiaoyou.framer.website/blog/design-method-055-mental-model-diagrams https://xiaoyou.framer.website/blog/design-method-058-parallel-prototyping https://xiaoyou.framer.website/blog/design-method-056-mind-mapping https://xiaoyou.framer.website/blog/design-method-059-participant-observation https://xiaoyou.framer.website/blog/design-method-060-participatory-action-research https://xiaoyou.framer.website/blog/design-method-061-participatory-design https://xiaoyou.framer.website/blog/design-method-062-personal-inventories https://xiaoyou.framer.website/blog/design-method-063-personas https://xiaoyou.framer.website/blog/design-method-064-photo-studies https://xiaoyou.framer.website/blog/design-method-065-picture-cards https://xiaoyou.framer.website/blog/design-method-066-prototyping https://xiaoyou.framer.website/blog/design-method-067-questionnaires https://xiaoyou.framer.website/blog/design-method-068-rapid-iterative-testing-and-evaluation https://xiaoyou.framer.website/blog/design-method-069-remote-moderated-research https://xiaoyou.framer.website/blog/design-method-070-research-through-design https://xiaoyou.framer.website/blog/design-method-071-role-playing https://xiaoyou.framer.website/blog/design-method-072-scenario-description-swimlanes https://xiaoyou.framer.website/blog/design-method-073-scenarios https://xiaoyou.framer.website/blog/design-method-074-secondary-research https://xiaoyou.framer.website/blog/design-method-075-semantic-differential https://xiaoyou.framer.website/blog/design-method-076-shadowing https://xiaoyou.framer.website/blog/design-method-077-simulation-exercises https://xiaoyou.framer.website/blog/design-method-078-site-search-analytics https://xiaoyou.framer.website/blog/design-method-079-speed-dating https://xiaoyou.framer.website/blog/design-method-080-stakeholder-maps https://xiaoyou.framer.website/blog/design-method-081-stakeholder-walkthrough https://xiaoyou.framer.website/blog/design-method-082-storyboards https://xiaoyou.framer.website/blog/design-method-083-surveys https://xiaoyou.framer.website/blog/design-method-084-task-analysis https://xiaoyou.framer.website/blog/design-method-085-territory-maps https://xiaoyou.framer.website/blog/design-method-086-thematic-networks https://xiaoyou.framer.website/blog/design-method-087-think-aloud-protocol https://xiaoyou.framer.website/blog/design-method-088-time-aware-research https://xiaoyou.framer.website/blog/design-method-089-touchstone-tours https://xiaoyou.framer.website/blog/design-method-090-triading https://xiaoyou.framer.website/blog/design-method-091-triangulation https://xiaoyou.framer.website/blog/design-method-092-unobtrusive-measures https://xiaoyou.framer.website/blog/design-method-093-usability-report https://xiaoyou.framer.website/blog/design-method-094-usability-testing https://xiaoyou.framer.website/blog/design-method-095-user-journey-maps https://xiaoyou.framer.website/blog/design-method-096-value-opportunity-analysis https://xiaoyou.framer.website/blog/design-method-097-web-analytics https://xiaoyou.framer.website/blog/design-method-098-weighted-matrix https://xiaoyou.framer.website/blog/design-method-100-word-clouds https://xiaoyou.framer.website/blog/design-method-099-wizard-of-oz https://xiaoyou.framer.website/blog/design-principle-001-80-20-rule https://xiaoyou.framer.website/blog/design-principle-002-accessibility https://xiaoyou.framer.website/blog/design-principle-003-advance-organizer https://xiaoyou.framer.website/blog/design-principle-004-aesthetic-usability-effect https://xiaoyou.framer.website/blog/design-principle-005-affordance https://xiaoyou.framer.website/blog/design-principle-006-alignment https://xiaoyou.framer.website/blog/design-principle-007-anthropomorphic-form https://xiaoyou.framer.website/blog/design-principle-008-archetypes https://xiaoyou.framer.website/blog/ui-39 https://xiaoyou.framer.website/blog/ui-38 https://xiaoyou.framer.website/blog/ui-37 https://xiaoyou.framer.website/blog/ui-36 https://xiaoyou.framer.website/blog/ui-35 https://xiaoyou.framer.website/blog/ui-34 https://xiaoyou.framer.website/blog/ui-33 https://xiaoyou.framer.website/blog/ui-32 https://xiaoyou.framer.website/blog/ui-31 https://xiaoyou.framer.website/blog/ui-30 https://xiaoyou.framer.website/blog/ui-29 https://xiaoyou.framer.website/blog/ui-27 https://xiaoyou.framer.website/blog/ui-26 https://xiaoyou.framer.website/blog/ui-25 https://xiaoyou.framer.website/blog/ui-24 https://xiaoyou.framer.website/blog/ui-23 https://xiaoyou.framer.website/blog/ui-22 https://xiaoyou.framer.website/blog/ui-21 https://xiaoyou.framer.website/blog/ui-20 https://xiaoyou.framer.website/blog/ui-19 https://xiaoyou.framer.website/blog/ui-18 https://xiaoyou.framer.website/blog/ui-17 https://xiaoyou.framer.website/blog/ui-16 https://xiaoyou.framer.website/blog/ui-15 https://xiaoyou.framer.website/blog/ui-14 https://xiaoyou.framer.website/blog/ui-13 https://xiaoyou.framer.website/blog/ui-12 https://xiaoyou.framer.website/blog/ui-11 https://xiaoyou.framer.website/blog/ui-10 https://xiaoyou.framer.website/blog/ui-9 https://xiaoyou.framer.website/blog/ui-8 https://xiaoyou.framer.website/blog/ui-7 https://xiaoyou.framer.website/blog/ui-6 https://xiaoyou.framer.website/blog/ui-5 https://xiaoyou.framer.website/blog/ui-4 https://xiaoyou.framer.website/blog/ui-3 https://xiaoyou.framer.website/blog/ui-2 https://xiaoyou.framer.website/blog/ui-1 https://xiaoyou.framer.website/blog/ux-29 https://xiaoyou.framer.website/blog/ux-28 https://xiaoyou.framer.website/blog/ux-27 https://xiaoyou.framer.website/blog/ux-26 https://xiaoyou.framer.website/blog/ux-25 https://xiaoyou.framer.website/blog/ux-24 https://xiaoyou.framer.website/blog/ux-23 https://xiaoyou.framer.website/blog/ux-22 https://xiaoyou.framer.website/blog/ux-21 https://xiaoyou.framer.website/blog/ux-20 https://xiaoyou.framer.website/blog/ux-19 https://xiaoyou.framer.website/blog/ux-18 https://xiaoyou.framer.website/blog/ux-17 https://xiaoyou.framer.website/blog/ux-16 https://xiaoyou.framer.website/blog/ux-15 https://xiaoyou.framer.website/blog/ux-14 https://xiaoyou.framer.website/blog/ux-13 https://xiaoyou.framer.website/blog/ux-12 https://xiaoyou.framer.website/blog/ux-11 https://xiaoyou.framer.website/blog/ux-10 https://xiaoyou.framer.website/blog/ux-9 https://xiaoyou.framer.website/blog/ux-8 https://xiaoyou.framer.website/blog/ux-7 https://xiaoyou.framer.website/blog/ux-6 https://xiaoyou.framer.website/blog/ux-5 https://xiaoyou.framer.website/blog/ux-4 https://xiaoyou.framer.website/blog/ux-3 https://xiaoyou.framer.website/blog/ux-2 https://xiaoyou.framer.website/blog/ux-1 https://xiaoyou.framer.website/blog/design-principle-009-area-alignment https://xiaoyou.framer.website/blog/design-principle-010-attractiveness-bias https://xiaoyou.framer.website/blog/design-principle-011-baby-face-bias https://xiaoyou.framer.website/blog/design-principle-012-biophilia-effect https://xiaoyou.framer.website/blog/design-principle-013-cathedral-effect https://xiaoyou.framer.website/blog/design-principle-014-chunking https://xiaoyou.framer.website/blog/design-principle-015-classical-conditioning https://xiaoyou.framer.website/blog/design-principle-016-closure https://xiaoyou.framer.website/blog/design-principle-017-cognitive-dissonance https://xiaoyou.framer.website/blog/design-principle-018-color https://xiaoyou.framer.website/blog/design-principle-019-common-fate https://xiaoyou.framer.website/blog/design-principle-020-comparison https://xiaoyou.framer.website/blog/design-principle-021-confirmation https://xiaoyou.framer.website/blog/design-principle-022-consistency https://xiaoyou.framer.website/blog/design-principle-023-constancy https://xiaoyou.framer.website/blog/design-principle-024-constraint https://xiaoyou.framer.website/blog/design-principle-025-contour-bias https://xiaoyou.framer.website/blog/design-principle-026-control https://xiaoyou.framer.website/blog/design-principle-027-convergence https://xiaoyou.framer.website/blog/design-principle-028-cost-benefit https://xiaoyou.framer.website/blog/design-principle-029-defensible-space https://xiaoyou.framer.website/blog/design-principle-030-depth-of-processing https://xiaoyou.framer.website/blog/design-principle-031-design-by-committee https://xiaoyou.framer.website/blog/design-principle-032-desire-line https://xiaoyou.framer.website/blog/design-principle-033-development-cycle https://xiaoyou.framer.website/blog/design-principle-034-entry-point https://xiaoyou.framer.website/blog/design-principle-035-errors https://xiaoyou.framer.website/blog/design-principle-036-expectation-effect https://xiaoyou.framer.website/blog/design-principle-037-exposure-effect https://xiaoyou.framer.website/blog/design-principle-038-face-ism-ratio https://xiaoyou.framer.website/blog/design-principle-039-factor-of-safety https://xiaoyou.framer.website/blog/design-principle-040-feedback-loop https://xiaoyou.framer.website/blog/design-principle-041-fibonacci-sequence https://xiaoyou.framer.website/blog/design-principle-042-figure-ground-relationship https://xiaoyou.framer.website/blog/design-principle-043-fitts-law https://xiaoyou.framer.website/blog/design-principle-044-five-hat-racks https://xiaoyou.framer.website/blog/design-principle-045-flexibility-usability-tradeoff https://xiaoyou.framer.website/blog/design-principle-046-forgiveness https://xiaoyou.framer.website/blog/design-principle-047-form-follows-function https://xiaoyou.framer.website/blog/design-principle-048-framing https://xiaoyou.framer.website/blog/design-principle-049-freeze-flight-fight-forfeit https://xiaoyou.framer.website/blog/design-principle-050-garbage-in-garbage-out https://xiaoyou.framer.website/blog/design-principle-051-golden-ratio https://xiaoyou.framer.website/blog/design-principle-052-good-continuation https://xiaoyou.framer.website/blog/design-principle-053-gutenberg-diagram https://xiaoyou.framer.website/blog/design-principle-054-hick-law https://xiaoyou.framer.website/blog/design-principle-055-hierarchy https://xiaoyou.framer.website/blog/design-principle-056-hierarchy-of-needs https://xiaoyou.framer.website/blog/design-principle-057-highlighting https://xiaoyou.framer.website/blog/design-principle-058-horror-vacui https://xiaoyou.framer.website/blog/design-principle-059-hunter-nurturer-fixations https://xiaoyou.framer.website/blog/design-principle-060-iconic-representation https://xiaoyou.framer.website/blog/design-principle-061-immersion https://xiaoyou.framer.website/blog/design-principle-062-inattentional-blindness https://xiaoyou.framer.website/blog/design-principle-063-interference-effects https://xiaoyou.framer.website/blog/design-principle-064-inverted-pyramid https://xiaoyou.framer.website/blog/design-principle-065-iteration https://xiaoyou.framer.website/blog/design-principle-066-law-of-pragnanz https://xiaoyou.framer.website/blog/design-principle-067-layering https://xiaoyou.framer.website/blog/design-principle-068-legibility https://xiaoyou.framer.website/blog/design-principle-069-life-cycle https://xiaoyou.framer.website/blog/design-principle-070-mapping https://xiaoyou.framer.website/blog/design-principle-071-mental-model https://xiaoyou.framer.website/blog/design-principle-072-mimicry https://xiaoyou.framer.website/blog/design-principle-073-mnemonic-device https://xiaoyou.framer.website/blog/design-principle-074-modularity https://xiaoyou.framer.website/blog/design-principle-075-most-advanced-yet-acceptable https://xiaoyou.framer.website/blog/design-principle-076-most-average-facial-appearance-effect https://xiaoyou.framer.website/blog/design-principle-077-normal-distribution https://xiaoyou.framer.website/blog/design-principle-078-not-invented-here https://xiaoyou.framer.website/blog/design-principle-079-nudge https://xiaoyou.framer.website/blog/design-principle-080-ockham-razor https://xiaoyou.framer.website/blog/design-principle-081-operant-conditioning https://xiaoyou.framer.website/blog/design-principle-082-orientation-sensitivity https://xiaoyou.framer.website/blog/design-principle-083-performance-load https://xiaoyou.framer.website/blog/design-principle-084-performance-versus-preference https://xiaoyou.framer.website/blog/design-principle-085-personas https://xiaoyou.framer.website/blog/design-principle-086-picture-superiority-effect https://xiaoyou.framer.website/blog/design-principle-087-priming https://xiaoyou.framer.website/blog/design-principle-088-progressive-disclosure https://xiaoyou.framer.website/blog/design-principle-089-propositional-density https://xiaoyou.framer.website/blog/design-principle-090-prospect-refuge https://xiaoyou.framer.website/blog/design-principle-091-prototyping https://xiaoyou.framer.website/blog/design-principle-092-proximity https://xiaoyou.framer.website/blog/design-principle-093-readability https://xiaoyou.framer.website/blog/design-principle-094-recognition-over-recall https://xiaoyou.framer.website/blog/design-principle-095-red-effect https://xiaoyou.framer.website/blog/design-principle-096-redundancy https://xiaoyou.framer.website/blog/design-principle-097-rosetta-stone https://xiaoyou.framer.website/blog/design-principle-098-rule-of-thirds https://xiaoyou.framer.website/blog/design-principle-099-satisficing https://xiaoyou.framer.website/blog/design-principle-100-savanna-preference https://xiaoyou.framer.website/blog/design-principle-101-scaling-fallacy https://xiaoyou.framer.website/blog/design-principle-102-scarcity https://xiaoyou.framer.website/blog/design-principle-103-self-similarity https://xiaoyou.framer.website/blog/design-principle-104-serial-position-effects https://xiaoyou.framer.website/blog/design-principle-105-shaping https://xiaoyou.framer.website/blog/design-method-057-observation https://xiaoyou.framer.website/blog/design-principle-106-signal-to-noise-ratio https://xiaoyou.framer.website/blog/design-principle-107-similarity https://xiaoyou.framer.website/blog/design-principle-108-stickiness https://xiaoyou.framer.website/blog/design-principle-109-storytelling https://xiaoyou.framer.website/blog/design-principle-110-structural-forms https://xiaoyou.framer.website/blog/design-principle-111-symmetry https://xiaoyou.framer.website/blog/design-principle-112-threat-detection https://xiaoyou.framer.website/blog/design-principle-113-three-dimensional-projection https://xiaoyou.framer.website/blog/design-principle-114-top-down-lighting-bias https://xiaoyou.framer.website/blog/design-principle-115-uncanny-valley https://xiaoyou.framer.website/blog/design-principle-116-uncertainty-principle https://xiaoyou.framer.website/blog/design-principle-117-uniform-connectedness https://xiaoyou.framer.website/blog/design-principle-118-veblen-effect https://xiaoyou.framer.website/blog/design-principle-119-visibility https://xiaoyou.framer.website/blog/design-principle-120-visuospatial-resonance https://xiaoyou.framer.website/blog/design-principle-121-von-restorff-effect https://xiaoyou.framer.website/blog/design-principle-122-wabi-sabi https://xiaoyou.framer.website/blog/design-principle-123-waist-to-hip-ratio https://xiaoyou.framer.website/blog/design-principle-124-wayfinding https://xiaoyou.framer.website/blog/design-principle-125-weakest-link https://xiaoyou.framer.website/blog/design-method-003-affinity-diagramming https://xiaoyou.framer.website/blog/design-method-004-artifact-analysis https://xiaoyou.framer.website/blog/design-method-005-automated-remote-research https://xiaoyou.framer.website/blog/design-method-008-brainstorm-graphic-organizers https://xiaoyou.framer.website/blog/design-method-009-business-origami https://xiaoyou.framer.website/blog/design-method-006-behavioral-mapping https://xiaoyou.framer.website/blog/design-method-007-bodystorming https://xiaoyou.framer.website/blog/design-method-010-card-sorting https://xiaoyou.framer.website/blog/design-method-011-case-studies https://xiaoyou.framer.website/blog/design-method-012-cognitive-mapping https://xiaoyou.framer.website/blog/design-method-013-cognitive-walkthrough https://xiaoyou.framer.website/blog/design-method-014-collage https://xiaoyou.framer.website/blog/design-method-015-competitive-testing https://xiaoyou.framer.website/blog/design-method-016-concept-mapping https://xiaoyou.framer.website/blog/design-method-017-content-analysis https://xiaoyou.framer.website/blog/design-method-018-content-inventory-and-audit https://xiaoyou.framer.website/blog/design-method-019-contextual-design https://xiaoyou.framer.website/blog/design-method-020-contextual-inquiry https://xiaoyou.framer.website/blog/design-method-021-creative-toolkits https://xiaoyou.framer.website/blog/design-method-022-critical-incident-technique https://xiaoyou.framer.website/blog/design-method-023-crowdsourcing https://xiaoyou.framer.website/blog/design-method-024-cultural-probes https://xiaoyou.framer.website/blog/design-method-025-customer-experience-audit https://xiaoyou.framer.website/blog/design-method-026-design-charette https://xiaoyou.framer.website/blog/design-method-027-design-ethnography https://xiaoyou.framer.website/blog/design-method-028-design-workshops https://xiaoyou.framer.website/blog/design-method-029-desirability-testing https://xiaoyou.framer.website/blog/design-method-030-diary-studies https://xiaoyou.framer.website/blog/design-method-031-directed-storytelling https://xiaoyou.framer.website/blog/design-method-032-elito-method https://xiaoyou.framer.website/blog/design-method-033-ergonomic-analysis https://xiaoyou.framer.website/blog/design-method-034-evaluative-research https://xiaoyou.framer.website/blog/design-method-035-evidence-based-design https://xiaoyou.framer.website/blog/design-method-036-experience-prototyping https://xiaoyou.framer.website/blog/design-method-037-experience-sampling-method https://xiaoyou.framer.website/blog/design-method-001-a-b-testing https://xiaoyou.framer.website/blog/design-method-002-aeiou https://xiaoyou.framer.website/blog/what-is-accessibility https://xiaoyou.framer.website/blog/what-is-atomic-design https://xiaoyou.framer.website/blog/color-in-design-system https://xiaoyou.framer.website/blog/what-is-a-component https://xiaoyou.framer.website/blog/what-is-a-design-system https://xiaoyou.framer.website/blog/what-is-a-design-token https://xiaoyou.framer.website/blog/what-is-elevation https://xiaoyou.framer.website/blog/what-are-foundations https://xiaoyou.framer.website/blog/what-are-icons https://xiaoyou.framer.website/blog/what-is-layout https://xiaoyou.framer.website/blog/what-is-pattern https://xiaoyou.framer.website/blog/what-is-a-single-source-of-truth https://xiaoyou.framer.website/blog/what-is-spacing https://xiaoyou.framer.website/blog/typography-in-design-systems https://xiaoyou.framer.website/blog/what-is-a-ui-kit https://xiaoyou.framer.website/blog/what-is-usability https://xiaoyou.framer.website/blog/what-is-user-experience-(ux) https://xiaoyou.framer.website/blog/what-is-user-interface-(ui)