andyryanweir - Twitch

In-person Event - Join your fellow designers at Dracula's Legacy in St Pete as we grab some drinks, talk shop, or whatever else comes to mind.

Tampa Bay Designers: April Design Hangout (St Pete) | Figma

https://friends.figma.com/events/details/figma-tampa-bay-presents-tampa-bay-designers-april-design-hangout-st-pete/

https://suno.com/song/2212eb12-ef46-4b45-be38-db6d06c5cb7e

Screenshot of a calendar view mockup (Figma) for All Marketing campaigns in Feathr, a marketing platform for nonprofits

Heroes, feature sections, newsletter sign up forms — everything you need to build beautiful marketing websites.

Coming Soon
Page Sections: CTA Sections (1280, 1023, 390)
March 15, 2024
File structureAssigned color styles to most items that aren't opaquePage Sections: Hero Sections (1280, 1023, 3...

Tailwind: Marketing | Figma Community

https://www.figma.com/community/file/1350540477968809080/tailwind-marketing

Screenshot of two input components, one default and another with error validation

Form layouts, tables, dialogs — everything you need to build beautiful responsive web applications.  💠 = Componetized  🔜 Coming Soon Overlays (Notifications)ElementsLayoutPage Examples 🗓️ March 26, 2024: Avatars 💠Badges 💠DropdownsButtonsButton Groups 🗓️ March 25, 2024: (1280, 1023, 390) Navigatio...

Tailwind: Application UI | Figma

https://www.figma.com/community/file/1352031544250087617/tailwind-application-ui

Feathr is an all-in-one marketing platform tailored for nonprofit organizations, offering tools and features to help them manage and optimize their marketing campaigns. One of the key features of Feathr is the All Marketing view, which provides users with a comprehensive table of all their campaigns.

Andy Weir – Product Designer

https://andyryanweir.com/projects/feathr-calendar

In-person Event - Are you sometimes designing remotely? Want to work among other designers for a day? Join other designers to find a place to sit and work together!

Tampa Bay Designers: May Designer Cowork (Tampa) | Figma

https://friends.figma.com/events/details/figma-tampa-bay-presents-tampa-bay-designers-may-designer-cowork-tampa/

Tampa Bay Designers: April Designer Cowork (St Pete) | Figma

Opaque is a personal / portfolio Framer template by Aaron Rolston. Designed for the multi-talented creative, Opaque gives ample room for expressing visuals, writing, and philosophy.

Opaque | Framer Template by Aaron Rolston

https://aaronrolston.com/templates/opaque

🌟 Design Tip: Optimize for Mobile First 📱 In today's world, designing for mobile is not an afterthought—it's a priority. Start your design process with mobile layouts to optimize usability and functionality for smaller screens.

1/3

🎨 Design Tip: Embrace Color Psychology

Colors are not just visual elements; they evoke emotions and convey messages. 

1/3

Today, a few people mentioned to me that despite being introverted, I seem very well-connected and always ready to enjoy a good party.

If you've always had a mechanic change your vehicle's air filters, you might be surprised to learn just how simple it is to do it yourself. I just replaced mine for the first time and it was incredibly straightforward!

Hypothetically speaking, if I knew someone that wanted to read books on their couch or next to the pool and get paid doing it, where would one start? 😈

This weekend, I tried something new by tracing on the iPad with Procreate. ✍️

Surprisingly, I found it to be a very meditative and peaceful experience. 🧘‍♂️

Despite my long-standing distaste to drawing, I'm embracing it now and feeling more confident about it than ever. 🐍

Does it drive anyone else crazy that the notifications tab on Twitter and Threads is the fourth item (second from the right) but on here, it’s in the middle?

Jakob’s Law…

✨ Streaming now on Twitch! Join me as I design some cool Tailwind components in Figma. Let's get creative together! Watch here: https://www.twitch.tv/andyryanweir DesignStream #TailwindCSS #Figma

I'm going live on @Twitch! Come hang! https://www.twitch.tv/andyryanweir

😶 How would you phrase these?

👀 "Viewed ad" or "Ad views"
📧 "Opened email" or "Email opens"

🦮 Integration Guided Tour/Tutorial

Which one do you prefer?

Option 1: Full width, ever present tasks
Option 2: Inset, hidden completed tasks

See replies for mockups

💡 Design Tip: Utilize Whitespace Effectively

Whitespace isn't just empty space—it's a powerful tool in design. It helps to create a visual hierarchy, guiding the viewer's eye across the page.

Would you be interested in watching me livestream building Tailwind components on Twitch?  

If not on Twitch, reply with what platform you prefer.

Started componentizing elements in the Tailwind Application UI file.

More to come but I've included avatars, badges, dropdowns, buttons, and button groups so far.

🚀 Going live on Twitch! Join me as I design some sleek Tailwind components in Figma. Let's dive into the world of design together! Tune in now: https://www.twitch.tv/andyryanweir

I recently took over Friends of Figma, Tampa Bay, while also being a part of another design community, Tampa Bay Designers. 🧑‍🎨

We're excited to use this platform to promote our events and engage with our community. 🎨

Join your fellow designers as we grab some drinks, talk shop, or whatever else comes to mind. https://friends.figma.com/events/details/figma-tampa-bay-presents-tampa-bay-designers-april-design-hangout-st-pete/

I saw a color palette plugin for Figma float around social media this morning or yesterday and I can't remember what it was called and now it's driving me crazy.

Here is what a set of screens prepped and ready for handoff to dev could look like for any given feature

- Section for local components (default and filled) and for each flow
- Styles are accessed via Dev Mode
- Notes are documented and added to a scoped out ticket

What are the trendy things to do with web design these days?

🧵Do you feel like this successfully accomplishes our goal?

In our app, users can be reached through different channels: cookies, email addresses, or mobile phones.

Which do you prefer? See options in the replies.

Ah, the true instinctive design process, down and to the right.

🎶 Figma's my weapon. Autolayout's my rage. Variables collide. A digital rampage. 🎶 https://suno.com/song/2212eb12-ef46-4b45-be38-db6d06c5cb7e

I'm live streaming! Come hang!

Tailwind: Application UI https://www.twitch.tv/andyryanweir

🎨 Live on Twitch! Watch me craft Tailwind components in Figma and let's explore the magic of design. Don't miss out on the fun! Tune in here: https://www.twitch.tv/andyryanweir #LiveDesign #TailwindCSS #FigmaFun

Getting my staycation started right with Framework by @figma.design and a Modelo in hand. 🤙🍺

This week, I've been working on a calendar view for all marketing campaigns where historically has only been a list view. Very excited for this one!

Having Tailwind components readily available when designing is handy so I’ve started compiling them in @figma.design and decided to share with you. This will be an evolving project so check back soon. https://www.figma.com/community/file/1350540477968809080/tailwind-marketing

Happy last day of the month everyone!

What are you working on this week?

If you haven't explored my Tailwind community resources yet, here's a sneak peek of what you'll find inside.

UX Question:

As the user starts typing, should we display an error immediately and continuously until the field validates, or should we only show the error on blur (when the user leaves the field)?

— a thread 🧵

Over 200 of you have already duplicated my Application UI file from Figma and I only started adding to it around a week ago. Thank you! 🙏

https://www.figma.com/community/file/1352031544250087617/tailwind-application-ui

I'm designing on livestream. Come hang! https://www.twitch.tv/andyryanweir

I wasn't ready for the amount of FOMO I'm having not being at #Config2023 🥺😭

🛠️ Design Tip: Master the Art of Typography

Typography is not just about choosing fonts—it’s about creating a readable, accessible, and harmonious visual experience. Pay attention to font choice, hierarchy, spacing, and alignment.

I wish I could paste whatever image I have on my clipboard to a post here.

Apple autocorrecting hell to he’ll is up there with one of the greatest worst autocorrects.

I'm live streaming! Come hang with me. https://www.twitch.tv/andyryanweir

My team at Feathr knows how to match the personality of my brain with birthday wishes in FigJam.

Re: Our dog

Me: “He’s pooping” 💩 

My wife: “On the rocks?” 🪨 

A few seconds later…
Her again: “As opposed to shaken” 🍸

I wish I could add multiple photos to a post here...

Is search on Mobbin not working for anyone else?

An agency I used to work with is looking for Project Managers or people with an operations kind of thinking who are freelancing or looking for a new full-time opportunity. 

If you’re interested, DM me and I’ll get you connected.

Happy Monday everyone!

I whipped up a case study this weekend for a feature I worked on a few months ago.

How was yours?

https://andyryanweir.com/projects/feathr-calendar

Are you sometimes designing remotely? Want to work among other designers for a day? Join other designers to find a place to sit and work together! https://friends.figma.com/events/details/figma-tampa-bay-presents-tampa-bay-designers-may-designer-cowork-tampa/

Are you sometimes designing remotely? Want to work among other designers for a day? Join other designers at The Blend in St Pete this Friday, April 5 to find a place to sit and work together!

📣 I've just launched my first Framer template!

Opaque is a minimalist personal / portfolio template designed for the multi-talented creative — giving ample space for expressing visuals, writing, and philosophy.

https://aaronrolston.com/templates/opaque

Posts