Build an Adaptive Coupon Card [Shopee style] for Any Screen! @Figma + Auto Layout

Published: 07 September 2023
on channel: Flamb Design
146
15

Professional Design in Figma: Create a Responsive Coupon Card with Auto Layout

_______I USE AND RECOMMEND: 🔥🔥🔥_______
🖱️ Mouse [Very ergonomic!] https://amzn.to/3nEz6ji
✍️ Graphics Tablet [Affordable and good!] Best price: https://s.click.aliexpress.com/e/_99nxGj
OR https://amzn.to/2ZewfnS

👨‍🎨 WANT TO IMPROVE YOUR PHOTOSHOP SKILLS?
Realistic Illustration course with a focus on product marketing.
https://flambdesign.com/curso/

📚Book Suggestions to Improve Your Professional Performance📚:
📕 https://amzn.to/3HJwPLK Easy read, great narrative, and a "shake-up" for your mental procrastination. One of the best books I've read.
📙https://amzn.to/3nESPzr Improve your project defense and even your personal/professional presentation.

FREE download 🤩🎁⬇️ (mockups and prototypes):
https://www.figma.com/@flambdesign

Support our channel 😊 👍
--------------------
⬇️ ⏱️ #figma #uiux #designer
00:00 Introduction
00:34 Elements
01:16 Inner area
07:30 Outer area
11:26 Applying auto layout
18:21 Review and tips
_____________

@Figma + Auto Layout: Build an Adaptive Coupon Card for Any Screen!

In this video, I'll show you how to create a responsive card with discount coupon elements.

*Elements*
Let's start with simple elements and define the appropriate font sizes and styles. This will serve as the foundation for our card.

*The power of auto layout*
Next, we'll use Auto Layout to efficiently organize these elements. With it, you can easily control the spacing and alignment of the elements.

*Refining details*
I'll also show you how to create cuts and strokes to give the card an authentic coupon appearance.

*Responsiveness*
Using Auto Layout and the correct settings, we'll ensure that the card automatically adjusts to different screen sizes and keeps the elements aligned even when the card is resized.

*Result*
You'll have a fully responsive card that can be adapted for any project.

Want to suggest a topic about Figma? Just leave it in the comments.
The idea of the channel is to strengthen the creative community, whether you're a designer, UI/UX designer, product designer, graphic designer, advertiser, and more.
_______
💻 https://www.FLAMBdesign.com
💼 Linkedin:   / cordeiroflavio  
📷 Instagram:  / flambdesign  
🕹Artstation: https://www.artstation.com/flambdesign
👨‍🎨Behance: https://www.behance.net/flaviocordeiro
_____

Who am I:
Flavio Cordeiro, an enthusiastic designer with over 9 years of professional experience.
I've worked in advertising agencies, design studios, and marketing departments. I've led design teams at a global American company. I've also worked on projects abroad.
I've had the opportunity to work in various design fields. Photoshop is my favorite tool.
I'm currently transitioning into UI/UX design, but I also study the 3D world. In the end, I try to bring everything together and create a solution.

Channel objective:

Throughout my journey as a designer, I've gone through various creative phases and challenges in different environments: advertising agencies, design studios, marketing departments, and startups.
Each of these creative environments has its particularities, priorities, and needs. To meet these, I had to study many tools: Photoshop, Illustrator, After Effects, Abobe XD, Figma, Blender 3D, Zbrush, Substance Painter, and more.

After hearing many "how do you do that?" questions, I thought I could be helpful to beginners in the design field, including those in advertising, social media, interface design, and the entire creative world. Those looking for tutorials and tips to improve their workflow, professionally edit images, and bring 3D elements into their edits, etc.

My professional experience has led me to create effective ways to solve creative problems. FLAMB design was born from everything I've learned. I'd like to share these solutions with you.

PHOTOSHOP - Image editing
Photoshop is one of my favorite tools, and I've done a lot of image manipulation and realistic illustrations. In this area, I believe I can share many tips and tricks.

3D EDITING
3D is my new passion. It's a complex world but full of rewarding challenges. I believe I can bring this reality into a simpler-to-understand scenario. Today, Photoshop has a 3D tool that can produce cool results.

TRANSITION TO UI/UX DESIGN
I'm currently transitioning my career into UI/UX design. I

still have much to learn, but if you're an experienced designer, I can tell you that this career transition is less complex than people say. I believe that in this channel, I can share my experience learning about interfaces, apps, interactions, user experience, micro-interactions, and more.

I hope my creative solutions are useful for your professional life or help boost your creativity.

____


Watch video Build an Adaptive Coupon Card [Shopee style] for Any Screen! @Figma + Auto Layout online without registration, duration hours minute second in high quality. This video was added by user Flamb Design 07 September 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 14 once and liked it 1 people.