Vasily UI

625 posts

Vasily UI banner
Vasily UI

Vasily UI

@vasidom

Designing the Future with Figma 🌿 | UI/UX Enthusiast | Empowering startups with sleek design solutions 🚀 | #DesignLife | Open for collabs 💬

Remote Katılım Aralık 2011
1.1K Takip Edilen446 Takipçiler
Vasily UI
Vasily UI@vasidom·
@viktoroddy Yeah it’s not clear how you planing to operate Claude +nano. Can you explain this please
English
0
0
0
175
Viktor Oddy
Viktor Oddy@viktoroddy·
Access ALL prompts from the video for stunning animated heros in one click: motionsites.ai PROMPT: Build a dark-themed landing page hero section with a navbar, headline, CTA button, background video with fade-in/out loop, and a logo marquee. Use React + Vite + Tailwind CSS + TypeScript with shadcn/ui. Install @fontsource/geist-sans.1. Theme & Design Tokens (index.css) Set up a single dark theme (no light mode toggle). All colors in HSL: :root { --background: 260 87% 3%; --foreground: 40 6% 95%; --card: 240 6% 9%; --card-foreground: 40 6% 95%; --popover: 240 6% 9%; --popover-foreground: 40 6% 95%; --primary: 262 83% 58%; --primary-foreground: 0 0% 100%; --secondary: 240 4% 16%; --secondary-foreground: 40 6% 95%; --muted: 240 4% 16%; --muted-foreground: 240 5% 65%; --accent: 262 83% 58%; --accent-foreground: 0 0% 100%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 100%; --border: 240 4% 20%; --input: 240 4% 20%; --ring: 262 83% 58%; --radius: 0.75rem; --hero-heading: 40 10% 96%; --hero-sub: 40 6% 82%; }Body font: 'Geist Sans', 'Inter', system-ui, sans-serifImport these font weights: @import "@fontsource/geist-sans/400.css"; @import "@fontsource/geist-sans/500.css"; @import "@fontsource/geist-sans/600.css"; @import "@fontsource/geist-sans/700.css";2. Liquid Glass Utility (index.css) Add a .liquid-glass utility class in @layer utilities: .liquid-glass { background: rgba(255, 255, 255, 0.01); background-blend-mode: luminosity; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border: none; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1); position: relative; overflow: hidden; } .liquid-glass::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.4px; background: linear-gradient(180deg, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.15) 20%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255,0.15) 80%, rgba(255,255,255,0.45) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }3. Tailwind Config Add these to tailwind.config.ts:All the semantic color tokens mapped to hsl(var(--token)) A hero color group: hero.heading and= hero.sub A marquee keyframe: 0% { transform: translateX(0%) } → 100% { transform: translateX(-50%) } Animation: marquee: "marquee 20s linear infinite" 4. Button Variants In the shadcn button.tsx, add two custom variants:hero: "bg-primary text-primary-foreground rounded-full px-6 py-3 text-base font-medium hover:bg-primary/90" heroSecondary: "liquid-glass text-foreground rounded-full px-6 py-3 text-base font-normal hover:bg-white/5" 5. Navbar Component Full-width, py-5 px-8, flex row, justify-between Left: A logo image (32px height). Use a logo.png from src/assets/logo.png Center: Nav items as plain buttons: "Features" (with ChevronDown icon), "Solutions", "Plans", "Learning" (with ChevronDown icon). Text is text-foreground/90 text-base, gap-1 between items Right: "Sign Up" button using heroSecondary variant, size="sm", rounded-full px-4 py-2 Below the navbar, add a full-width 1px gradient divider: mt-[3px] w-full h-px bg-gradient-to-r from-transparent via-foreground/20 to-transparent 6. Hero Section Section with bg-background relative overflow-hidden Contains the Navbar at the top Below navbar + divider, centered content with pt-20 px-4 Headline "Grow": text-[230px] font-normal leading-[1.02] tracking-[-0.024em], font-family 'General Sans', sans-serif, bg-clip-text text-transparent with background-image: linear-gradient(223deg, #E8E8E9 0%, #3A7BBF 104.15%) Subtext: text-hero-sub text-center text-lg leading-8 max-w-md mt-4 opacity-80, two lines: "The most powerful AI ever deployed" / "in talent acquisition" (split with
) CTA Button: heroSecondary variant, text "Schedule a Consult", px-[29px] py-[24px], wrapped in a div with mt-8 mb-[66px] 7. Social Proof / Video Section Immediately below the hero, a separate
with relative w-full overflow-hidden.Background Video:
English
4
7
45
4.1K
Viktor Oddy
Viktor Oddy@viktoroddy·
❤️‍🔥Claude Opus 4.6 + Nano Banana Prompt ↓
Português
6
18
374
27.7K
Vasily UI
Vasily UI@vasidom·
Another great tool has been brutally k**led by AI. Sorry, Play. It was a nice meeting with you. Who is going to be the next?
Vasily UI tweet media
English
0
0
0
23
Daffy
Daffy@daffyduckinson·
the $68k/month content hack nobody's talking about: brands ditched founder content for animated product mascots a glass of milk, a chocolate bar, an iced coffee each one a character that sells without selling same personality, new hook daily ai writes, animates, tests no creators, no filming, no burnout while everyone's chasing ugc creators, the smartest brands turned their products into the talent scalable, consistent, scroll-stopping rt + comment "characters" and I'll send you the full breakdown (follow for DM)
English
116
75
129
9.8K
BitQuant
BitQuant@BitQua·
Some real estate investors who left Bitcoin for real estate are now calling me about getting back into Bitcoin with a more structured strategy. What happened to real estate? Why are they looking to rotate back? What’s causing the panic?
English
43
8
421
33.1K
Vasily UI
Vasily UI@vasidom·
@pakhandrin было бы здорово посмотреть комплексное сравнение с AppStore воронкой
Русский
0
0
0
40
Sergey Pakhandrin
Sergey Pakhandrin@pakhandrin·
@vasidom Быстрее изменения вносятся и тестируются разные гипотезы роста, никто не проверяет вас, экономия на комиссиях аппстора/гугл плей, значительно лучше ситуация с атрибуцией трафика, можно воронки делать под конкретные сегменты аудитории или рекламные креативы
Русский
1
0
1
145
Sergey Pakhandrin
Sergey Pakhandrin@pakhandrin·
Статьи и посты как готовая инструкция для AI-агента В последние дни активно занимаюсь веб-воронкой для мобильного приложения. Изучаю кучу материала, читаю статьи экспертов и практиков, поглощаю информацию по крупицам в твиттере и на ютубе. Веб-воронка – это когда вы пользователя из рекламного трафика ведёте не сразу на установку приложения, а создаёте прослойку или отдельный веб-сайт, лендинг с квизом (онбординг), адаптированный под экраны смартфонов. Если короче: Человек видит рекламу → попадает на сайт → проходит квиз (онбординг) → оплачивает подписку → только потом скачивает приложение. Так вот, главное в этом деле – максимально высокая конверсия в покупку, а чтобы этого добиться, нужно проводить много экспериментов. На это нужны и время, и деньги. Но другие игроки на рынке или, другими словами, ваши конкуренты уже протестировали многие вещи и даже где-то рассказали о своих успехах, упомянули в одном из подкастов, написали статью о своих подходах. Всё всегда есть в сети, главное хорошо искать. В поисках, конечно же, помогает AI-агент. И вот я наткнулся на пост на одном канале, где максимально сжато был описан подход по прокачке social proof в веб-воронках, чтобы пользователь максимально поверил и доверился вам, чтобы всеми фибрами почувствовал, что ваш продукт суперкрутой и лучше на рынке не бывает. Напомню, речь про квиз (онбординг), где самого продукта еще нет, а пользователь выстраивает ожидания от продукта и покупает ожидания не видя продукт. И я просто скопировал этот текст, вставил в Claude Code и попросил проанализировать мою веб-воронку согласно подходам из этого поста и прокачать social proof там, где это уместно и необходимо. Аналогично с ютуб-роликами или подкастами. Вы выбираете пачку роликов, где конкурент делится подходами, тестами и экспериментами, рассказывает про их опыт, транскрибируете это всё, саммаризируете, но только с фокусом на поиск ответов по интересующей вас теме, и если там есть ценные советы, скармливаете эту выжимку в СС и просите прокачать ваше решение не хуже конкурента. Поэтому если пишете о своём опыте, пишите кратко и так, чтобы можно было сразу скопипастить в AI-агента и попросить его сделать так же!😄
Русский
3
3
27
4.4K
Vasily UI
Vasily UI@vasidom·
@tomkrcha Holy moly, will try this today! Looks crazy 🤪 @figma are you still filling good?
English
0
0
0
29
Tom Krcha
Tom Krcha@tomkrcha·
Pencil just crossed 100,000 users! Today we are introducing SWARM mode. A team of AI design agents working with you in parallel. Your autonomous design agency. Download now.
English
204
247
3.2K
339.6K
Zenoble
Zenoble@ZenobleResearch·
@vasidom Makes sense things are moving in real-time. From an investment perspective, I think the scale and talent matters for Figma. Everyone hates SBC of software companies but in moments like these I tend to believe that talent it was helps them main a competitive edge.
English
1
0
1
83
Zenoble
Zenoble@ZenobleResearch·
$FIG might be the best AI trade of 2026: The market thinks AI kills Figma's business, but AI is Figma's business. 1. The bear thesis is simple: AI writes code -> fewer devs needed -> fewer seats -> revenue compression Makes sense at first glance, but ignores everything Figma has been building towards. 2. What many are missing is when the cost of code goes to $0, value shifts upstream to design quality, product vision, and UX. This is Figma's bread and butter. 3. Next month, Figma is going live w/ consumption based AI credits layered on top of seat licenses. Every AI action a product team takes inside Figma can now generate incremental revenue for Figma. 4. Figma is the 'gold' standard in Net Dollar Retention consistently reporting ~130%. That means existing customers spend ~30% more per year and are finding significant value in its offering. 5. A research study recently found Figma's Dev Mode increased developer output by 20-30% and resulted in $10M in efficiency gains over 3 years for an enterprise. 6. Figma is trading almost at parity to its 2021 Series E round which included top VCs like Sequoia, Index, a16z, Greylock. A fantastic entry point for investors who believe Figma can thrive in the agentic era. In my view, the question isn't whether Figma survives the AI transition. The question is when the market figures out it was never at risk. What do you think? Read the full research memo here: tinyurl.com/hws5hcxc
Zenoble tweet media
English
5
10
47
8.2K
Vasily UI
Vasily UI@vasidom·
@ZenobleResearch Figma missing core AI feature for select and edit by AI similar to Figma Make but for their regular editor. Slowly they going to be there and gap will be filled but who knows which other tool will gain that faster. For example Stitch from Google improving steady.
English
1
0
1
45
Zenoble
Zenoble@ZenobleResearch·
@vasidom Valid points, I think the partnership with Anthropic is intended to solve that handoff gap. Out of curiosity what other tools do you think are providing those opportunities today?
English
2
0
1
140
Vasily UI
Vasily UI@vasidom·
@ZenobleResearch Visily Ai tools pretty good one, Lovable, the latest Kimi AI model pretty impressive for great balance with AI and visual interaction
English
0
0
1
15
Vasily UI
Vasily UI@vasidom·
@eviliam13 С Новым Годом ребята !!!! Пусть все мечты сбудутся в этом году 😉🎉🎉🎉🎉🚀🚀🎁🎁🎁
Русский
1
0
2
286
eviliam
eviliam@eviliam13·
Мы с мужем смогли в этом году собрать почти всю семью за одним столом (с двоюродными прабабушками, представляете)
eviliam tweet mediaeviliam tweet media
Русский
6
3
339
8.5K
Vasily UI
Vasily UI@vasidom·
@DavidMoss Big congrats 👏 I wish someday going to repeat it 😉
English
0
0
0
40
David Moss
David Moss@DavidMoss·
I am proud to announce that I have successfully completed the world’s first USA coast to coast fully autonomous drive! I left the Tesla Diner in Los Angeles 2 days & 20 hours ago, and now have ended in Myrtle Beach, SC (2,732.4 miles) This was accomplished with Tesla FSD V14.2 with absolutely 0 disengagements of any kind even for all parking including at Tesla Superchargers.
David Moss tweet media
English
2K
3.4K
33.5K
16.8M
Vasily UI
Vasily UI@vasidom·
2025 was an absolute rollercoaster – wildly thrilling and packed with incredible moments! So many amazing things happened that made it unforgettable! 🔥 But 2026? It's going to be EPIC – even bigger, bolder, and brighter – as long as we refuse to stand still. Keep pushing forward, chase the new, embrace the unknown! Take those small steps every single day, and watch how far you soar! 🚀🚀🚀 Happy New Year – let's make 2026 legendary! 🎉🎊🥂💥
GIF
English
0
0
2
43
Ming
Ming@tslaming·
The perfect duo: Ultra red paint + white interior 😍
English
17
30
386
13.5K
Vasily UI
Vasily UI@vasidom·
@eviliam13 О да! удаленка сильно выручает в этом вопросе. 👍🏻👍🏻
Русский
0
0
1
17
eviliam
eviliam@eviliam13·
@vasidom Как раз через три года со вторым и опробуем 😁 Я просто благодарю нас за работу из дома и гибкий график 😄
Русский
1
0
1
91
eviliam
eviliam@eviliam13·
Пока налаживали режим младенчику, наглухо сбили свой (отправить твит в 02:39 ночи)
Русский
2
0
40
1.1K