Automatically translated.View original post

Figma MCP X Claude - Part 2

🤖✨ This is all built with Figma MCP x Claude AI [Part 2] 🤩

.

The POC admin uses MCP to make Claude two design systems.

.

👉 1.Document on Figma

Structure the Design System for the team to visualize, read guidelines and review collaborative tasks.

.

👉 2.Web Page for Deliver Work for Dev

It is more convenient to convert the Design System into a form that the development team views, references, and implements.

.

I can say that the results were "not bad."

It's interesting to do, and you can see the AI to help with the design line more clearly, and most importantly, it only takes a few minutes.

.

But that doesn't mean it works right away.

Because you finally have to sit down and read, check the details and check them out again.

.

AI makes it more sensitive to start work.

But if the design system basics aren't tight,

It's right to confuse what it generates, too.

.

🚨 P.S. You have to understand the basics first, even if AI makes it faster. * For novices, don't jump to the basics first!

.

.

🔥 Read UXUI version 48 details# SOLDOUT[Interested in the next version IB now]

/

.

.

📥 for organizations or companies interested in training seminars on-site / online or Consult Project.

You can contact it by IB: https://m.me/uxuistudio9.

.

# Unlock Skill UX / UI - Because we understand what "newbies" want.

# uxui # uxuidesign # uxdesign # uidesign# Figma # uxuidesigner # graphicdesign # uxuiworkshop # uiworkshop # UXUI # WebDesign # ProductDesign # uxuistudio

3/14 Edited to

... Read moreจากประสบการณ์ที่ได้ลองใช้ Figma MCP ร่วมกับ Claude AI ในการสร้าง Design System นั้น พบว่าการที่ AI สามารถสร้าง Document และ Web Page ให้เสร็จในเวลาอันรวดเร็ว เป็นจุดเปลี่ยนที่ช่วยให้ทีม UX/UI สามารถทำงานร่วมกันได้ดีขึ้นอย่างเห็นได้ชัด สิ่งที่ผมประทับใจมากคือการจัดการ Variables และ Component collections ที่ Claude AI สามารถเรียงลำดับและจัดระเบียบได้อย่างมีระบบ เช่น การกำหนด Color Palettes และ Button Tokens ที่ช่วยให้ทีมออกแบบและทีมพัฒนาเข้าใจตรงกัน และลดการสื่อสารผิดพลาด อย่างไรก็ตาม การใช้ AI เหล่านี้ก็มีข้อจำกัด เนื่องจาก AI อาจสร้างเนื้อหาที่ไม่สมบูรณ์หรือผิดพลาดได้หากเราไม่มีความรู้พื้นฐานเกี่ยวกับ Design System ดีพอ ดังนั้นผมแนะนำว่า ควรใช้ AI เป็นตัวช่วยเริ่มต้นงานเท่านั้น และต้องใช้เวลาตรวจสอบ ปรับปรุง และแก้ไขเนื้อหาที่ AI สร้างขึ้น เพื่อให้ได้ผลลัพธ์ที่เหมาะสมและมีคุณภาพ นอกจากนี้ การเรียนรู้และเข้าใจหลักการ Design System อย่างถ่องแท้ จะช่วยให้คุณสามารถใช้เครื่องมือ AI เหล่านี้ได้อย่างมีประสิทธิภาพ และเพิ่มความมั่นใจในงานของคุณด้วย สุดท้าย การรวมพลังระหว่างผู้เชี่ยวชาญและ AI จะเป็นทางเลือกที่ดีที่สุดในยุคนี้ สำหรับใครที่อยากพัฒนาทักษะ UX/UI การฝึกอบรมหรือเวิร์กชอปอย่างเช่น UXUI รุ่น 48 ก็เป็นตัวเลือกที่ยอดเยี่ยมเพื่อเข้าใจทั้งหลักการและเทคนิคใหม่ ๆ ในการทำงานร่วมกับ AI เพื่อก้าวสู่การออกแบบที่ทันสมัยและมีประสิทธิภาพยิ่งขึ้น

Related posts

5 ✨Free✨ Online Certifications
Do you have some downtime and want to build your resume? I always recommend courses and certifications. I believe that they show that you are serious about continuing education and your career. But, they can be expensive and you cannot really “return” your certification if you feel like it was a wa
Itsleilahclaire

Itsleilahclaire

2968 likes

Career Advice: 5 Job Skills in Demand
Keeping skills up-to-date and relevant to your industry is key to staying competitive in the job market. Continuous learning and professional development are important to adapting to changing demands and technologies - here are 5 skills in demand right now to help with career growth. #lemon8partn
thewerklife

thewerklife

1503 likes

how to use your mac in 2025 💻⭐️
i really love making my computer super personalized and change out my wallpapers like four times a year and love planning out everything in my life :) these are some of my most used websites and apps on my macbook! ⭐️ Canva: designing wallpapers and graphics ⭐️ Notion: plan out everything using
ayersellie

ayersellie

3974 likes

100 digital products that selling like CRAZY
🚀100 BEST-SELLING DIGITAL PRODUCTS TO SELL IN 2025 (FREE TRAFFIC, ZERO INVENTORY!) Want to make 💰 while you sleep? These 100 digital products are crushing it right now--and the best part? No shipping, no inventory, just pure profit! Here's what's HOT in 2025: ✅️E-Learning Goldm
Jessica Digital Illustration🎀

Jessica Digital Illustration🎀

127 likes

Canva Hack - Make A Drip Image Effect On Canva
Canva Tutorial For Business Owners - How To Create A Drip Effect For Your Images Using Canva! #canvahacks #canvatutorial #canvaforbeginners #canvadesign
Inuri

Inuri

25 likes

Built this in nomad sculpt and then translated into a bouquet app. Right now, this is what it looks like. Very much an mvp but lmk what questions you have #designer #figma #claude #claudecode #vibecoding
Vaishnavi | building khaa-lo

Vaishnavi | building khaa-lo

0 likes

AI Tools Pyramid – What to Use & Why
Confused about which AI tools actually matter for your workflow? This AI Pyramid breaks it down for you: 🔹 Bottom = Tools for everyday tasks (image gen, scheduling, translations) 🔹 Middle = Design + Writing support (hello Canva, Midjourney, ChatGPT) 🔹 Top = Deep work like market research and co
Dr Cynthia Chirwa

Dr Cynthia Chirwa

693 likes

Claude Code just launched ✨Channels✨ … let’s set it up together 🎉 #edutok #techtok #aiengineering #coding
lindavivah

lindavivah

0 likes

🎨 Make Money Online by Selling Digital Brand Kits
Tired of creating products from scratch? Here’s a clever way to sell online without endless designing or recording: digital mood boards & brand kits. What You Can Create: ✨ Color palettes ✨ Font combinations + typography ✨ Logo placement ideas ✨ Social media post mockups ✨ Overall aesthet
Her Way to Make a Bag

Her Way to Make a Bag

6 likes

I love building in public bc you guys have given me so many good suggestions. Lmk if you wanna try it out! #designer #figma #claude #artist #creators
Vaishnavi | building khaa-lo

Vaishnavi | building khaa-lo

0 likes

Free design tools you’ll actually enjoy using - no AI, no paywalls, just pure creativity. If you love creating from scratch, these are for you. They work offline, feel real, and give full control back to your ideas. #productivity #tech #designtools #graphicdesign
Reverelia

Reverelia

180 likes

Path to become a UX Designer 👩‍💻 ✨
1. Learn UX Fundamentals and Design Thinking • Tip: Start with the foundational principles of user experience (UX) design and design thinking. Understanding how to solve user problems and create intuitive experiences is key. • Free Courses: • Coursera – Introductio
vedha | career tips (tech) 👩‍

vedha | career tips (tech) 👩‍

93 likes

✨ 7 Websites That Feel Too Powerful To Be Free ✨
These sites are literally cheat codes for life 🤯💻 — and the best part? They’re FREE. From AI tools that think for you to blogs that feel like therapy, you’ll never look at the internet the same again. 👉 Save this for later. 👉 Tag a friend who needs to know. 👉 Follow for more powerful free hack
Viral Assistant

Viral Assistant

918 likes

Stop thinking that all AI tools are the same.
Each one has a clear strength. Claude - coding, deep reasoning, and analysis. ChatGPT - writing, reading, and rewriting. Grok — real-time insights from trending data. Gemini - multimodal tasks with text and images. DeepSeek - coding and debugging. Perplexity — fast research with sources. Cop
🍋@jasonesg

🍋@jasonesg

2 likes

𝐂𝐡𝐢𝐩𝐨𝐭𝐥𝐞 𝐄𝐠𝐠 𝐁𝐢𝐭𝐞𝐬- 𝐇𝐢𝐠𝐡 𝐏𝐫𝐨𝐭𝐞𝐢𝐧 𝐖𝐞𝐢𝐠𝐡𝐭 𝐥𝐨𝐬𝐬 𝐒𝐧𝐚𝐜𝐤
𝐓𝐡𝐞𝐬𝐞 𝐚𝐫𝐞 𝐥𝐢𝐭𝐞𝐫𝐚𝐥𝐥𝐲 𝐒𝐎𝐎𝐎𝐎 𝐆𝐎𝐎𝐃 ! 𝐖𝐡𝐞𝐧 𝐲𝐨𝐮 𝐞𝐚𝐭 𝐠𝐨𝐨𝐝 𝐭𝐨 𝐥𝐨𝐬𝐞 𝐭𝐡𝐞 𝐰𝐞𝐢𝐠𝐡𝐭 🤌🏾 𝐲𝐨𝐮 𝐰𝐢𝐥𝐥 𝐤𝐞𝐞𝐩 𝐢𝐭 𝐨𝐟𝐟 𝐭𝐨𝐨! 𝐈𝐭’𝐬 𝐧𝐨𝐭 𝐚𝐛𝐨𝐮𝐭 𝐣𝐮𝐬𝐭 “ 𝐖𝐞𝐢𝐠𝐡𝐭 𝐥𝐨𝐬𝐬 𝐫𝐞𝐜𝐢𝐩𝐞𝐬“ 𝐢𝐭’𝐬 𝐚𝐛𝐨𝐮𝐭 𝐟𝐢𝐧𝐝𝐢𝐧𝐠 𝐟𝐨𝐨𝐝𝐬 𝐲𝐨𝐮 𝐰𝐢𝐥𝐥 𝐞𝐧𝐣𝐨𝐲 𝐟𝐨𝐫𝐞𝐯𝐞𝐫!! 𝐀𝐧𝐝 𝐭𝐡𝐢𝐬 𝐢𝐬 𝐨𝐧𝐞 𝐨𝐟 𝐭𝐡𝐞𝐦 😋 𝐘𝐨𝐮 𝐃𝐎 𝐍𝐎𝐓 𝐡𝐚𝐯𝐞 𝐭𝐨 𝐞𝐚𝐭 𝐛𝐨𝐫𝐢𝐧𝐠 𝐟𝐨𝐨𝐝𝐬 𝐭𝐨 𝐥𝐨𝐬𝐞 𝐰𝐞𝐢𝐠𝐡𝐭😋 𝐈𝐧𝐠𝐫𝐞𝐝𝐢𝐞𝐧𝐭𝐬: ❤︎︎ 𝐌𝐚𝐲
𝐃𝐚𝐧𝐞𝐬𝐡𝐚✨

𝐃𝐚𝐧𝐞𝐬𝐡𝐚✨

17.5K likes

#AI
Brie Simone

Brie Simone

0 likes

Skills You Need For WEB DEVELOPMENT!!
💻If you've ever wondered what you need to know to do web development then this post is for you! I have laid out the basics, frameworks, backend, design tools, and bonus tools that you will most likely need to learn to become a web developer! Websites are quite complicate and layered, and they
CompSkyy

CompSkyy

139 likes

Robinhood X Figma IPO - You won’t believe what I figured out! Nobody is talking about this! #robinhood #figma #stock #investing #moranmikey
yulianavilla

yulianavilla

0 likes

𝟑 𝐡𝐢𝐠𝐡 𝐩𝐫𝐨𝐭𝐞𝐢𝐧 𝐛𝐨𝐰𝐥𝐬 𝐈 𝐦𝐚𝐝𝐞 𝐫𝐞𝐜𝐞𝐧𝐭𝐥𝐲
#sincerelydanesha #recipes #healthy #weightlossdiet
𝐃𝐚𝐧𝐞𝐬𝐡𝐚✨

𝐃𝐚𝐧𝐞𝐬𝐡𝐚✨

30.4K likes

OPENDOOR Technologies Emergency Meeting! Roadmap Coming! I am expecting some great news from open door with their upcoming roadmap of products and services. This is a recap of an article that I was reading today and thought I would share with the investing community. #StockMarket #opendoor #op
yulianavilla

yulianavilla

0 likes

🌸 Start a Digital Sticker Shop for Notion, GoodNot
People love decorating their digital planners, journals, and note-taking apps with cute, functional stickers. You can create themed packs — motivational quotes, habit trackers, emojis, or seasonal designs — and sell them as digital downloads. 💡 Why This Works for Women ✔ Creative and fun — perfec
Her Way to Make a Bag

Her Way to Make a Bag

1 like

✨AI For Everyone ✨
🤖 AI isn’t coming… it’s already here! These tools are changing everything: ☕ Your morning: • 📧 AI writes emails (try Gemini) • 📸 AI edits photos (like Photoshop AI) • 🗣️ AI voice assistants schedule meetings 💼 At work: • 📊 AI analyzes data in seconds • ✍️ AI drafts reports and presentati
BinodBabu

BinodBabu

22 likes

Keeping Mako out of Trouble
Because only Ryuuko is trusted with this task. #buzzmod #finepixjx520 #キルラキル #toyagraphy #figmafigure
Amoridere

Amoridere

0 likes

Google Courses to Further Career for cheap or free
Bunny Grace

Bunny Grace

14 likes

#shf #shfiguarts #2024 #broly #goku
penguinsfigs

penguinsfigs

153 likes

POV you’re laid off and don’t know where to start
Two years ago, I was laid off from an edtech startup—and suddenly found myself on the job hunt with no idea where to begin. I’m a spreadsheet person, so I created a job application tracker that gave structure to the chaos. It helped me manage 60+ applications, land 10+ interviews, and ultimately
Clara

Clara

10 likes

Free AI Courses For Beginners
8 Free AI Courses Every Beginner Needs To Level Up Fast Learning AI feels confusing when everything online sounds too technical or too advanced. It gets easier when you have simple places to start that explain things in a way that makes sense. These eight free courses help you understand
fig3lvls

fig3lvls

192 likes

Side Projects to Replace Mindless Scrolling
🌱 Low Effort / Low Resource Projects This is my "I'm too tired to think, but too bored to do nothing" list. The goal is to replace passive scrolling with a slightly more active habit, with zero pressure. My go-to's are things like curating a very specific Spotify playlist, starting
emilie.studygram

emilie.studygram

266 likes

#creatorsearchinsights #MOVING TO TEXAS?! 🎯 The person watching this will be a #Millionaire in 90 Days — AFFIRM YES! 🏡💸✨ 🚀💰 The person watching this RIGHT NOW is about to become a MILLIONAIRE in the next year. ✨ Start creating your first new income stream with AI, Crypto, or Real Estate. 💸
Rashida M.

Rashida M.

0 likes

#creatorsearchinsights 🚀💰 The person watching this RIGHT NOW is about to become a MILLIONAIRE in the next year. Start creating your first new income stream with AI, Crypto, or Real Estate. Type YES in the comments if that’s YOU, Queen! ✨ I’m Rashida McFerren — your AI Wealth Coach helping you
Rashida M.

Rashida M.

0 likes

𝐓𝐡𝐢𝐧𝐠𝐬 𝐈 𝐀𝐭𝐞 𝐓𝐨 𝐋𝐨𝐬𝐞 𝟏𝟖𝐥𝐛𝐬 𝐓𝐡𝐢𝐬 𝐌𝐨𝐧𝐭𝐡🏋🏾‍♀️✨
#weightlosstips #weightlossprogress # #weightlossfoodideas #mealp #mealprepideas #highprotein #highproteinrecipe #weightlossroutine #cobbsalad #englishmuffinpizzas
𝐃𝐚𝐧𝐞𝐬𝐡𝐚✨

𝐃𝐚𝐧𝐞𝐬𝐡𝐚✨

1185 likes

8 WAYS TO START MAKING MONEY ONLINE FAST.
Need extra income quickly? Savings low or non-existent? Here are 8 real ways people are earning $5,000–$15,000 online. If you want step-by-step help getting started, Edushift Mentorship will help you make your first money in the first month. Don’t hesitate to leave your questions in the co
EDUSHIFT

EDUSHIFT

31 likes

Favorite Content Creation Tools For New Creators
These are my go-to FAVORITE ❤️ content creation tools for 2024! #contentcreationtools #contentcreation #contentcreationtips #contentcreationstrategy #lemon8creator
Inuri

Inuri

258 likes

𝐋𝐨𝐰 𝐜𝐚𝐫𝐛 𝐦𝐞𝐚𝐥𝐬 𝐈 𝐞𝐚𝐭 𝐚𝐬 𝐚 𝐏𝐜𝐨𝐬 𝐠𝐢𝐫𝐥𝐲✨
𝐒𝐨𝐦𝐞 𝐥𝐨𝐰 𝐜𝐚𝐥𝐨𝐫𝐢𝐞 𝐦𝐞𝐚𝐥𝐬 𝐈 𝐞𝐚𝐭 𝟐𝟖𝐥𝐛𝐬 𝐝𝐨𝐰𝐧! 𝐋𝐨𝐬𝐢𝐧𝐠 𝐰𝐞𝐢𝐠𝐡𝐭 & 𝐬𝐭𝐢𝐥𝐥 𝐞𝐚𝐭𝐢𝐧𝐠 𝐠𝐨𝐨𝐝>> 𝐂𝐡𝐞𝐞𝐬𝐞𝐛𝐮𝐫𝐠𝐞𝐫 𝐬𝐚𝐥𝐚𝐝: 𝐃𝐫𝐞𝐬𝐬𝐢𝐧𝐠: 𝐥𝐢𝐠𝐡𝐭 𝐫𝐚𝐧𝐜𝐡 + 𝐡𝐨𝐭 𝐬𝐚𝐮𝐜𝐞 𝐅𝐚𝐭 𝐟𝐫𝐞𝐞 𝐜𝐡𝐞𝐝𝐝𝐚𝐫 & 𝐩𝐞𝐩𝐩𝐞𝐫 𝐣𝐚𝐜𝐤 𝐜𝐡𝐞𝐞𝐬𝐞 𝐏𝐢𝐜𝐤𝐥𝐞𝐬 𝐑𝐨𝐦𝐚𝐢𝐧𝐞 𝐥𝐞𝐭𝐭𝐮𝐜𝐞 𝐒𝐚𝐥𝐦𝐨𝐧 𝐥𝐞𝐭𝐭𝐮𝐜𝐞 𝐛𝐨𝐚𝐭𝐬: 𝐂𝐨𝐫𝐧 𝐬𝐚𝐥𝐬𝐚(𝐣𝐚𝐥𝐞𝐩𝐞𝐧̃𝐨 & 𝐛𝐞𝐥𝐥 𝐩𝐞𝐩𝐩𝐞𝐫 ) 𝐅𝐞𝐭𝐚 𝐒𝐩𝐢𝐜𝐲 𝐦𝐚
𝐃𝐚𝐧𝐞𝐬𝐡𝐚✨

𝐃𝐚𝐧𝐞𝐬𝐡𝐚✨

3385 likes

Make Money Online Without Inventory
Print-on-demand is a perfect beginner-friendly way to start. ✅ Why This Works • Low startup cost — start with $0–$20 • No shipping or inventory • Designs sell 24/7 • High demand — everyone has a phone or tablet! 🎨 What You Can Create • Phone cases • Laptop sleeves • Mugs & tumblers
Her Way to Make a Bag

Her Way to Make a Bag

28 likes

#creatorsearchinsights The person watching this will be a Millionaire in the next year start by creating your 1st new income stream with Al, Crypto, or Real Estate Affirm YES if that's you! & Get Ready to MOVE TO TEXAS! 🚀💰 The person watching this RIGHT NOW is about to become a MILLIONAIRE in the
Rashida M.

Rashida M.

0 likes

📩Save this for when you need it.
Tools for visual research, decks, and presenting creative ideas: Death to Stock Cosmos Shotdeck Pinterest (private boards) Milanote Figma Readymag Behance The Dots
Connect, Learn & Grow

Connect, Learn & Grow

11 likes

Vibe coding smthg special using claude and figma!! I had so much fun with it and can’t wait to share some creations #designer #figma #claude #claudecode #vibecoding
Vaishnavi | building khaa-lo

Vaishnavi | building khaa-lo

0 likes

Riley - Dropshipping & eBay

Riley - Dropshipping & eBay

0 likes

💯 100 Things to Do Before School Starts Again 🏖️📓
No more “I’m bored” this summer 😤 Whether you’re trying to romanticize your life, glow up mentally & physically, or just make core memories — I got you. Here’s a list of 100 things to do for fun, productivity, and ✨main character energy✨. From cute café study dates to DIY room glow-ups, your su
j u l i a ! ! !

j u l i a ! ! !

66 likes

Useful App 💻🖥
#lemon8study #usefulapps #apps
Yourstudypal

Yourstudypal

2386 likes

Figma and Claude AI
To juggernauts team up making an unstoppable duo in the AI space..... And this Is how they could make you money... #ainews #anthropic #figma #claudeai
bananas

bananas

0 likes

3 ux design communities I wish I joined earlier!
3 ux design communities I wish I joined earlier!
LampLmao

LampLmao

4 likes

if you have an interview coming up try @Tome 🪄 f
if you have an interview coming up try @Tome 🪄 f
ZenZing

ZenZing

5 likes

🌈 Turn Your Aesthetic Into Cash — Sell Digital Moo
Ladies, love design, color palettes, or Pinterest scrolling? You can make money online by selling ready-to-use digital boards and templates — creative, fun, and beginner-friendly! 💡 How You Can Profit: 1️⃣ Create Templates Pinterest pin templates, mood boards, Instagram aesthetic boards, vision
Her Way to Make a Bag

Her Way to Make a Bag

3 likes

This Mod Adds Every Mob Mojang Said NO To
torque.test

torque.test

0 likes

What Are Digital Products? 🤔
You’ve probably heard digital marketers mention it, but what exactly are digital products? And why is everyone talking about them now? Digital products have been around for years, and they’re anything that exists in a digital format instead of a physical one. Unlike physical products, you
Inuri

Inuri

62 likes

WE FOUND THE LOUVRE ROBBERS 💎🫵 ➡️ Go to Dropout.tv to watch new Make Some Noise now! #makesomenoise #dropout #louwilson #jiavani #rossbryant
Make Some Noise

Make Some Noise

104 likes

Toy View: Delicious In Dungeon Marcille figma
#DeliciousInDungeon #Marcille #figma #japan #actionfigure
JoystickMemories

JoystickMemories

2 likes

5 high paying tech jobs that doesn’t need coding
1. Product Manager - What to study: Business, project management, or a tech-related degree with a focus on understanding customer needs, product life cycles, and market research. Knowledge of Agile methodologies is beneficial. - Job description: Oversees the development and success of a pro
vedha | career tips (tech) 👩‍

vedha | career tips (tech) 👩‍

259 likes

Looking for a web designer for @oomami.eats Pls send your Portfolio & Resume to catlin@nutripair.co #websitedesign #websitedesigner #howtobecomeawebsitedesigner #openjobcall #creatorsearchinsights
Catlin

Catlin

1 like

See more