Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

We were dropping hints about typography Now our typography drop: → Font family → Font weight and style → Font size → Line height → Letter spacing → Paragraph spacing and indent

Figma

576,166 subscribers

283,076 görüntüleme • 2 yıl önce •via X (Twitter)

Bilim & Teknoloji Sanat

Anya Rossi• Live Now

Private livecam show

9 Yorum

Figma profil fotoğrafı

Figma2 yıl önce

There's Figma before typography variables and there's Figma after today →

YSH profil fotoğrafı

YSH2 yıl önce

This changes everything

Jess Rosenberg profil fotoğrafı

Jess Rosenberg2 yıl önce

Just my type of announcement 👏🏼

Félix Vanneste profil fotoğrafı

Félix Vanneste2 yıl önce

Great..... but I was really hoping it will bring a way to calculate a variable based on another one (like setting a base font-size (16px ;-)) variable and with a formula calculate the other sizes). On your roadmap ?

sio profil fotoğrafı

sio2 yıl önce

Awesome work, Figma! But please, please, please bring relative values for us! 🥲 I don't want to define fixed absolut values for line-heights, so I have to define so many for a typo-system. Thank you 💜

Phil Larsen profil fotoğrafı

Phil Larsen2 yıl önce

I wish I could create a percentage variable that could be used in the letter spacing property. Always spits out a pixel value

omarn't profil fotoğrafı

omarn't2 yıl önce

these are my type of feature 🥰

hummh profil fotoğrafı

hummh2 yıl önce

Thank you so much! I think the whole community was waiting for that!

Shivang Parmar profil fotoğrafı

Shivang Parmar2 yıl önce

finally!!

Benzer Videolar

Unlock the invisible power of UI Typography. Improve your digital designs with the power of #typography! Join the #free #webinar on May 25th and learn about: 💪 type choice 💪 font sizes & weights 💪 accessibility 💪 spacing.

Unlock the invisible power of UI Typography. Improve your digital designs with the power of #typography! Join the #free #webinar on May 25th and learn about: 💪 type choice 💪 font sizes & weights 💪 accessibility 💪 spacing.

Oliver Schöndorfer 🇺🇦

16,433 görüntüleme • 3 yıl önce

We teamed up with 4 design tastemakers, Brett , DANN©, Fons Mans, and Ayush Soni, to bring their personal font collections straight into Relume. No downloads. No second-guessing. Just great typography. Who should we feature next?

We teamed up with 4 design tastemakers, Brett , DANN©, Fons Mans, and Ayush Soni, to bring their personal font collections straight into Relume. No downloads. No second-guessing. Just great typography. Who should we feature next?

Relume

16,367 görüntüleme • 1 yıl önce

Found: SF Pro font

Found: SF Pro font

Figma

141,879 görüntüleme • 1 yıl önce

Polished up Locale some more tonight: - change font size, weight, and italic - view on dark/light/image background - save fonts to a short list (per session) - inspect all styles per family - jump to alphabetical section (hit any letter key)

Polished up Locale some more tonight: - change font size, weight, and italic - view on dark/light/image background - save fonts to a short list (per session) - inspect all styles per family - jump to alphabetical section (hit any letter key)

joshpuckett

99,287 görüntüleme • 6 ay önce

Updates to the Figma MCP server: → Generate and edit decks in Figma Slides → Build boards with data in FigJam → Roundtrip from code to canvas in Figma Make Now with custom font support and image exports.

Updates to the Figma MCP server: → Generate and edit decks in Figma Slides → Build boards with data in FigJam → Roundtrip from code to canvas in Figma Make Now with custom font support and image exports.

Figma

96,537 görüntüleme • 3 ay önce

Built a modular and dynamic CHUNK type system component in Framer using React and pure CSS. I created a responsive construction system first, then hand crafted every single letter and number in CSS so each glyph has its own structure, balance and character. As the frame changes, the typography reshapes rather than just scales. Part font, part layout engine, part self-inflicted obsession.

Built a modular and dynamic CHUNK type system component in Framer using React and pure CSS. I created a responsive construction system first, then hand crafted every single letter and number in CSS so each glyph has its own structure, balance and character. As the frame changes, the typography reshapes rather than just scales. Part font, part layout engine, part self-inflicted obsession.

Lee Black

10,580 görüntüleme • 5 ay önce

Rams just passed 50,000 Skill downloads. Now it runs on every PR. Rams is automated design review for teams shipping UI without a designer. Native GitHub integration, inline fixes, 100+ rules on typography, spacing, a11y, and AI slop. Opinionated. Automatic. Installs in 60 seconds.

Rams just passed 50,000 Skill downloads. Now it runs on every PR. Rams is automated design review for teams shipping UI without a designer. Native GitHub integration, inline fixes, 100+ rules on typography, spacing, a11y, and AI slop. Opinionated. Automatic. Installs in 60 seconds.

Eli Rousso

26,092 görüntüleme • 5 ay önce

Lovart: The AI Creative Partner for SMBs 🚀 Build your brand from scratch—fonts, brand kits, and marketing materials. → Brand Kit: Lock in styles for consistent outputs. → Font Generator: Turn prompts or image into custom typography. → Create Skill: Turn successful chats into reusable workflows.

LovartAI

997,314 görüntüleme • 4 ay önce

built a tool that's been on my list forever: → drop any screenshot, video, or website → ai extracts every color, font, section and style → copy as CSS or Tailwind

built a tool that's been on my list forever: → drop any screenshot, video, or website → ai extracts every color, font, section and style → copy as CSS or Tailwind

alan

37,609 görüntüleme • 6 ay önce

I made a tool that generates UIs with a design system that's copyable as prompts. Everything is a prompt: font pairings, color system, spacing, icon sets, buttons and even webgl & threejs with full code samples. This made explorations with Gemini 3.1 Pro so precise and fun.

I made a tool that generates UIs with a design system that's copyable as prompts. Everything is a prompt: font pairings, color system, spacing, icon sets, buttons and even webgl & threejs with full code samples. This made explorations with Gemini 3.1 Pro so precise and fun.

Meng To

96,452 görüntüleme • 5 ay önce

Alright, I had to re-do a bunch of shit but here we are: - New BF Sprites - Adjusted HUD Placements to replicate the UI - Fixed Text Spacing (Accurate to DR!) - Dark Blue Shadow on text - HP Font is actually accurate now basically updated a bunch of shit for actual accuracy :)

Alright, I had to re-do a bunch of shit but here we are: - New BF Sprites - Adjusted HUD Placements to replicate the UI - Fixed Text Spacing (Accurate to DR!) - Dark Blue Shadow on text - HP Font is actually accurate now basically updated a bunch of shit for actual accuracy :)

Snow

44,547 görüntüleme • 12 gün önce

We have hit a major roadblock: Mintzy does not know how to change the font size and he can no longer read what he’s typing.

We have hit a major roadblock: Mintzy does not know how to change the font size and he can no longer read what he’s typing.

Ohio’s Tate

583,110 görüntüleme • 8 ay önce

most people miss this part don’t just generate… guide it use: • premium model (Nano Banana Pro) • reference images for style I tested this with: “clean tight gaps, no borders, high-end branding aesthetic” and it nailed spacing, typography, everything this is where it starts feeling like a real design tool Try it today:

most people miss this part don’t just generate… guide it use: • premium model (Nano Banana Pro) • reference images for style I tested this with: “clean tight gaps, no borders, high-end branding aesthetic” and it nailed spacing, typography, everything this is where it starts feeling like a real design tool Try it today:

Ulobex 

11,686 görüntüleme • 6 ay önce

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.

Figma

1,337,687 görüntüleme • 3 yıl önce

If you've never seen Slug and you care about fast ultra-high-quality font and vector graphics rendering on the GPU, then check out the demo that can be downloaded from our website:

If you've never seen Slug and you care about fast ultra-high-quality font and vector graphics rendering on the GPU, then check out the demo that can be downloaded from our website:

Eric Lengyel

13,754 görüntüleme • 1 yıl önce

When we enter church – which we frequently do, I trust – we dip our finger in the holy water font and reverently make the Sign of the Cross. The beauty here is that when we dip our finger into the holy water and bless ourselves, we’re reminded of the first time we entered the family of the Church on the day of our Baptism! The Good Newsroom

When we enter church – which we frequently do, I trust – we dip our finger in the holy water font and reverently make the Sign of the Cross. The beauty here is that when we dip our finger into the holy water and bless ourselves, we’re reminded of the first time we entered the family of the Church on the day of our Baptism! The Good Newsroom

Cardinal Dolan

32,408 görüntüleme • 7 ay önce

we spent a good amount of time on today's show trying to parse how the Cubs chose to organize all the names on their Cubs Con graphic and discussing the correlation between font size and importance on a promotional poster

we spent a good amount of time on today's show trying to parse how the Cubs chose to organize all the names on their Cubs Con graphic and discussing the correlation between font size and importance on a promotional poster

Céspedes Family BBQ

91,661 görüntüleme • 2 yıl önce

Variable font support is now available in #Affinity 2.5 (beta)! Join our #beta program to access the latest pre-release build, test drive #WhatsNew and share your feedback with us – we would love to hear what you think! Sign up at

Variable font support is now available in #Affinity 2.5 (beta)! Join our #beta program to access the latest pre-release build, test drive #WhatsNew and share your feedback with us – we would love to hear what you think! Sign up at

Affinity

56,557 görüntüleme • 2 yıl önce

🚨 The canvas text initiative has a full POC.🚨 justin set out to make the most robust and portable text rendering for web canvas possible and early results are promising. ➡️ Slug, MSDF, bitmap, it supports all of the different technologies with one API. We want to give users the choice for their app requirements. ➡️ Full font shaping support. Icons, CJK, ligatures, line breaks, we got it all. ➡️ Text styles! Stroke, shadow, color and we can do more. Anyone want full CSS support? ➡️ Offline and runtime font baking. ➡️ Realtime paragraph layout. Like pretext… but faster! ➡️ Fully portable. WebGL, WebGPU, native shaders, TSL, React, we made this from the ground up to serve all users.

🚨 The canvas text initiative has a full POC.🚨 justin set out to make the most robust and portable text rendering for web canvas possible and early results are promising. ➡️ Slug, MSDF, bitmap, it supports all of the different technologies with one API. We want to give users the choice for their app requirements. ➡️ Full font shaping support. Icons, CJK, ligatures, line breaks, we got it all. ➡️ Text styles! Stroke, shadow, color and we can do more. Anyone want full CSS support? ➡️ Offline and runtime font baking. ➡️ Realtime paragraph layout. Like pretext… but faster! ➡️ Fully portable. WebGL, WebGPU, native shaders, TSL, React, we made this from the ground up to serve all users.

Poimandres

37,958 görüntüleme • 1 ay önce