Discover and read the best of Twitter Threads about #Figma

Most recents (24)

Tutorial: Stacked Cinematic Shots (#midjourney + #figma)

I've been loving stacked images lately. During @HBCoop_'s Twitter space yesterday, we realised people wanted to know how to do it.

Luckily, it's super easy! Find everything you need to know it the thread below! Image
Why use this format?

It looks cool and gives your feed an advantage. The post takes up more space than the usual grid of 3 to 4 images, increasing the chance of it being seen. Plus, you don't need to create a vertical shot for Twitter's cropping when working with 3 images. Image
How to build a story?

There are many approaches to this; however, here is a template that always works: Create three shots with the aspect ratio of 21:9.

1. Set the scene with a wide shot.
2. Capture a close-up shot of the main subject.
3. Take an action shot of the activity Image
Read 5 tweets
3 WAYS UX DESIGNERS CAN USE AI TO THEIR ADVANTAGE

These are few ways designers can incorporate AI tools into the UX design process.

1. Analyzing user data
With AI tools like Research AI, UX designers no longer need
to comb through data manually. Instead, they can quickly gather and analyze large volumes of user data with ease. 
Using powerful algorithms, AI can predict user behavior, track page visits and engagement, and detect patterns in user data that might otherwise go unnoticed.
By reducing the time it takes to process user data, UX designers can quickly gain insights into how users behave and interact with their product—allowing them to make informed design decisions.

2. Creating user personas
AI can help UX designers quickly create data-driven user
Read 7 tweets
Tutorial thread Blender 3-D Population Density👥📊🗺️Maps through @KonturInc using #QGIS and #Blender....#esri users you can follow along too because it can be done in your software too #gischat #thread #geospatial ImageImageImageImage
So I would divide this tutorial into four parts
1. Data Gathering(with @KonturInc )
2. QGIS(Black map and Color Map)
3. Rendering in Blender(No geometry nodes)
4. QGIS or other softwares (final touches)
So @KonturInc is a really good geospatial data provider together with risk management solution provider who deal with a lot of things as shown in link below But we will focus today on Their wonderful population data
kontur.io
Read 26 tweets
1. Google

Design and build beautiful, usable products with Material 3

m3.material.io"
2. Apple

The Human Interface Guidelines contains guidance and best practices that can help you design a great experience for any Apple platform

developer.apple.com/design/human-i…
Read 12 tweets
I spent an hour pursuing the Complete Web Design Course by Vako Shvili on Udemy today.

So far the course seems to be great and completely value packed.

Here's what I have learned today:
1. In web design, It all starts with alignment and grid.

Everything that is orderly, symmetric, and organized will be perceived as more beautiful than anything that is chaotic and disorderly.

Just as you would perceive a clean room better than a messy one.
2. One should start web design by using imaginary grids (not necessary though).

As a standard, the entire webpage should be divided into 12 grid columns with each column being separated by the other by a gap(gutter) of 30px
Read 5 tweets
👉🏻 Découvre 25 plugins Figma !

☀️ Je te file ma petite liste perso de plugins à ajouter à ton figma et à tester sur un projet ! #graphisme #ui #design #graphicdesign #tool #figma #plugin

Thread 👇🏻
1️⃣ BETTER FONT PICKER

➡️  Pour avoir un aperçu visuel de tes typos
2️⃣ IMAGE TRACER

➡️  T’évites de passer sur Illustrator pour une vectorisation rapide d’image.
Read 27 tweets
👉 2023 - Top UI UX Trends you need to know🔥🚀

As we explore UI UX Trends 2023, #Adobe's $20 billion acquisition of #Figma still surprises us.

A UI UX collaborative prototyping tool costing so much is unbelievable. #UI #UX has evolved into a crucial business process.

👇Thread
Top UI Design Trends of 2023🔥

• Large font size and immersive experience
• No more parallax scrolling
• Generative AI in the design process
• Make full use of the card UI component
• Light mode with an option for dark mode
👉Large font size and immersive experience

Their websites have immersive homepages. Clean websites display only the most important information and categories. Some of the world's largest companies with multiple product segments, categories, and locations had information-packed..
Read 7 tweets
[THREAD] Connaissez vous Locofy.ai, l'outil qui vous permet de transformez vos maquettes #figma en code frontend (React, React Native, Nextjs, HTML-CSS et Gatsby) 👇
Installez le plugin locofy.ai sur Figma

➡ Utilisez ensuite votre design/maquette existant ou récupérez un modèle auprès de la communauté Figma
La première étape consiste à baliser vos calques, tel que les CTA ou les vidéos

➡ Locofy dispose également de LocoAI qui peut scanner vos maquettes pour vous recommander les bonnes balises pour chaque élément
Read 8 tweets
Top 10 plugins I use daily on @figma as UI/UX designer 👇

#UIUX #Figma #productdesign
1. @autoflowplugin Autoflow makes it easy to draw flows. Simply select 2 objects and a line will be magically drawn between them. Image
2. @remove_bg Remove BG Remove the background of images automatically with just a single click Image
Read 11 tweets
Shipped this AI design tool on Figma two weeks ago, and here’s a sneak peak of what’s coming next: fine-tuned models with consistent styles. #stablediffusion #aiart #figma
Here’s the plugin on Figma Community: figma.com/community/plug…
Prompt: snow globe halloween vampire castle highly detailed; Style: 3D illustration
Read 11 tweets
I found these ui guidelines really useful

Document by @its.dezinx
A thread 🧵
#uidesign #figma #uxdesign
More …
More …
Read 7 tweets
I asked designers for their favorite @figma keyboard shortcuts.

220+ responses and hours of synthesis later...

Here are the top 10 keyboard shortcuts to supercharge your workflow:
@figma #10: Copy properties → ⌥ ⌘ C

Easily transfer styles from one shape to the next. Amazing!

via @ImAndrewPons copy properties
@figma @ImAndrewPons #9. Pick color → ⌃ C or I

Just tap `⌃ C` or `I` and be amazed as a color picker appears out of thin air.

And here I was using the Apple digital color meter like a chump…

via @TeeAnn__ pick color
Read 18 tweets
Some Figma’s Must-to-know shortcuts

Documented by @marina_uiux
#uiuxdesign #uidesign #figma
Shortcuts are absolutely very useful for speeding up your workflow and design process. Let’s see them ⬇️
Shortcuts for:

Tools, Text, Shape and Cursor
Read 4 tweets
💬 Here are some of the most useful Figma Plugins to create and properly develop your products.

a thread 🧵 Image
🔹#01 - Google Sheets Sync

✍🏽 Author: @DavidWilliames

docs.sheetssync.app
🔹#02 - LottieFiles

✍🏽 Author: @LottieFiles

lottiefiles.com/plugins/figma
Read 10 tweets
UI/UX design tips: 4 pro tip for Auto-layout

Save thread 👇🪡.

#uidesign #figma (cc : marina_uiux )
1) Use of Absolute Position
Where to use absolute position
Read 9 tweets
Design Modern chat list bettter

Documented by @marina_uiux
#uidesign #uiuxdesign #figma
Let’s go…
Press F in figma to draw a frame, use codes below 👇🏿
Read 10 tweets
Most common ui elements you need to know.

Documented by @zeeuiux
#uiuxdesign #uidesign #figma
1. Toggle switch
2. Text fields
3. Drop-down list
4. Icons
Read 7 tweets
8 different types of cards in UI

Documented by @uiadrian

#uiuxdesign #uidesign #figma
01: Blog posts
02: Product cards (holds details of a product ie Product name, price, relevant icons eg favorites, and a CTA button )
Read 5 tweets
How to create an isometric design using #figma #design #uidesign Image
Page one ImageImage
Take your design and rotate it by -15° Image
Read 6 tweets
How to design Tab or Nav Bar

Documented by @pela_team

#uidesign #uiuxdesign #figma
We want to design a super easy and minimal tab or nav bar
Step 1: at the bottom of your frame, draw a rectangle with a distance of 24 to 32px from around.
Read 7 tweets
How to create Glassmorphism effect in @figma

Documented by @Shri.ui

#uidesign #uiuxdesign #figma
Create a rectangle with the right proportions and add corner radius of 30-40px
Add linear fill to the shape, check photo for details…
Read 8 tweets
Here are my top color tips for @figma.

A thread (1/6) 🧵
Use colors from a team library. 📒

A color library will help communicate your stylistic decisions while staying consistent across bigger projects and teams.

Colors and text could be partitioned into separate libraries your team could access without cracking ongoing work. Using colors from a team li...
Tag styles to find them faster. 🏷️

Tagging styles is a great practice to speed up your workflow in Figma. Tagging styles will allow you to quickly find the needed color, text, or component through Figma menus by typing a name containing a symbol or an included “tag” name. Tagging styles in Figma.
Read 8 tweets
"Of course I stole it!
Who never stole a UI design concept hands in the air... No hands!"

It's totally okay to imitate design seen on the internet.

"Imitation is the Mother of invention" ImageImage
Here is a list of websites to get User Interface design inspiration from:
pinterest.com
dribbble.com
muz.li
awwwards.com
siteinspire.com
mobbin.design
On this note, I humbly demand that you follow @Yemyjerry like, retweet and comment.
#uiux #figma #design ImageImage
Read 4 tweets
Checked out Figjam new features yet?(Follow thread)
Figjam's birthday party was yesterday. Party was out of this world🎉

I traveled around the world via Zoom😂😂. Met Figmates from Europe, Asia, South America..💃💃
1/6 #Figma #uidesign #FIGJAM
Figjam clocked 1 yesterday and her first birthday gift was unboxed by
@rogie king-
First Box:
Sticker packs🎁
Believe me, you need to play around these stickers, they are fun, goofy and expressive. Figmates! Stickers has been added🔥
2/6
#uidesign #figma #FIGJAM
Second gift box was unboxed by @miggi from Figgi
The Fun chat feature🎁
What wowed me about this feature is how texts with multiple exclamation marks (!!!) Quake and shake as you increase it. This is just one amongst other features.
#uidesign #figma #FIGJAM
Read 7 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!