@alexyakir Profile picture

Alex Yakir

@alexyakir

Building https://t.co/n6etUA4phE. Growing @Easy_Sizes. Sharing what I know about design systems. Stick around!

Joined November 2011
Similar User
Chen Chen photo

@chen_ed5557

Vincent van der Meulen photo

@vincentmvdm

Bernardo Ferrari photo

@bernaferrari

Priyanshu Verma photo

@priyanshudesign

John Rodrigues photo

@john_rodrigues_

Shubham Ranga photo

@shubhamrangaa

Ved Pathak photo

@thevedpathak

davy fung photo

@cobradave

Philip Ruffini photo

@philip_ruffini

ティージェー photo

@figmarchitect

Eugen Pflüger 🦋 photo

@plugisto

Faruk Aydın photo

@Farikat47

Pinned

💡@figma tip that saved me a ton of Variants. Create a State comp with 4 variants: ":default", ":hover", ":active", "focus". For the focus state - make sure to follow @molly_hellmuth's tip: 🙌 1/4

Tweet Image 1

..For example, add a focus ring to a button without changing its size 1. Nest a rectangle with a 2px stroke in the button frame 2. Turn clip contents OFF 3. Set the rectangle to “absolute position” and use left/right + top/bottom constraints

Tweet Image 1


🫰Added support for Typography Variables to the Functional UI Kit, so you can do stuff like this: P.S @figma – You’re probably on it, but adding percentage support for line-height (e.g., 100%, 120%, 1.3...) would be 🔥 Get it here for free: figma.com/community/file…


Alex Yakir Reposted

We are thrilled to introduce Frontier, by Anima, the first AI code-assistant tailored for frontend! Blog👉 link.animaapp.com/3wFIiex Request access👉 link.animaapp.com/4alnR4l #vscode #genai #codegen #codeassistant #figma #react


Alex Yakir Reposted

I saw @rauchg's tweet just when I was trying to decide if Flyde needs a playground or not. Tons of things to improve, but I'm super proud of the current version. Check it out ⏩️ play.flyde.dev/apps/bec05712-… PS: It runs on @vercel ▲⚡️

Underrated growth tool: playgrounds. Examples: ◆ Tailwind (play.tailwindcss.com) ◆ GraphiQL (e.g.: graphql.github.com) ◆ TypeScript (typescriptlang.org/play) ◆ Rust play.rust-lang.org Bonus for URL sharability. Inspired by @ClickHouseDB's til.simonwillison.net/clickhouse/git…



Alex Yakir Reposted

Launching github.com/flydelabs/flyde on HN is something I've been planning for a long long time. Can't believe it finally happened 🙀 Building mostly in the dark is a huge long-shot, and I'm happy to see positive engagement and true interest from the developer community 🚀

Tweet Image 1

Alex Yakir Reposted

Today @figma is launching Multi-edit!!! I put together some thoughts about freeform design and why I am excited about it! Check the thread for more resources to get started! Let us know what you think. Happy multi-editing!


Thanks for the shoutout @figmanewsletter!

Issue #153 • The WCAG Explained by @getstarkco • Figma checklists • Brand colors with established semantic uses • Functional UI Kit by @alexyakir • Figicon (@figicon) • Supervision game figmalion.com/issue/153



Alex Yakir Reposted

So happy to announce the release of my side project: Functional UI Kit. 8 months ago I got the fantastic news from @figma that I bagged a grant from their creators fund🎉. The mission was clear: to build a design system that makes both sides happy. Now it's ready →

Tweet Image 1

Stacking up annotations in @figma 🥞 Pretty cool since I can associate token values with a visual representations that don't require manual updates, ensuring continuity without any gaps. @disco_lu an idea for your next tutorial...🤩

Tweet Image 1

📏 Having a blast with @figma Annotations. Came just in time for functional-ui-kit.com! Very much appreciated 🙌

Tweet Image 1

Hey @figma, any chance I can set default zoom level for pages to 100% (actual size)? Pretty please feature request 😺


Alex Yakir Reposted

I’m gonna give 10 random people that repost this and follow me $25,000 for fun (the $250,000 my X video made) I’ll pick the winners in 72 hours


Loading...

Something went wrong.


Something went wrong.