⚠️
Video playback error
0.25x
0.5x
0.75x
1x ✓
1.25x
1.5x
1.75x
2x
0:00:00 / 0:00:00

Link and Color Styles in Framer (Fundamentals Lesson 18)

Enjoy videos in any language, instantly!

Script

Original:

In a perfect world, we make flawless decisions about colors and typography from the very beginning, and scale our designs without making any mistakes. But in the real world, design is an iterative process, and inconsistencies are time-consuming to stay on top of as we evolve the aesthetics of our sites. This is where styles in Framer come in, allowing us to define presets for colors, text, and more, then apply those presets to elements across our sites. Then where the real magic happens is that we can later redefine those styles to make global changes with flawless consistency throughout our entire site with just a click or two. Let's take a look at how to create, apply, manage, and edit styles in Framer.

Translated:

В ідеальному світі ми з самого початку ухвалюємо бездоганні рішення щодо кольорів і типографіки та масштабуємо наші дизайни, не припускаючись жодних помилок. Але в реальному світі дизайн — це ітеративний процес, і усунення невідповідностей забирає багато часу, поки ми вдосконалюємо естетику наших сайтів. Ось тут і з'являються стилі у Framer, що дозволяють нам визначати пресети для кольорів, тексту тощо, а потім застосовувати ці пресети до елементів на наших сайтах. Але справжня магія полягає в тому, що пізніше ми можемо перевизначити ці стилі, щоб внести глобальні зміни з бездоганною послідовністю на всьому сайті лише одним-двома кліками. Давайте розглянемо, як створювати, застосовувати, керувати та редагувати стилі у Framer.