Graphic Design · GPC-38

Figma for beginners

12 hours 2 days

Last updated 25 Sep 2026

Figma for beginners is a 12-hour training course by IT Genius Institute. Figma เป็นหนึ่งในเครื่องมือการออกแบบที่ถูกพูดถึงและได้รับความนิยมอย่างกว้างขวางในยุคปัจจุบัน โดยความสามารถของเครื่องมือที่ครอบคลุม รองรับทั้งการออกแบบ Website,…

Training schedule

No public rounds are open right now — register your interest and we will contact you when the next round opens, or request an in-house session for your team.

Corporate training quote

Figma เป็นหนึ่งในเครื่องมือการออกแบบที่ถูกพูดถึงและได้รับความนิยมอย่างกว้างขวางในยุคปัจจุบัน โดยความสามารถของเครื่องมือที่ครอบคลุม รองรับทั้งการออกแบบ Website, Mobile App หรือสื่อนำเสนออื่นๆ ได้อย่างง่ายดาย ผู้เริ่มต้นทุกคนสามารถเข้ามาเรียนรู้และเริ่มใช้งานโปรแกรมได้ฟรี

Objectives

สามารถใช้เครื่องมือออกแบบใน Figma ทำ wireframe สำหรับทำเว็บไซต์ หรือโมบายแอปได้

Who this course is for

ผู้ที่ต้องการออกแบบเว็บไซต์ด้วยการใช้โปรแกรม Adobe Figma
UX/UI designer
ผู้สนใจทั่วไป

Prerequisites

ไม่จำเป็นต้องมีพื้นฐานใดๆ มาก่อน

Curriculum

Section 1: พื้นฐานการออกแบบ UX และ UI

ความแตกต่างระหว่าง UX/UI
ทำความรู้จักการออกแบบ UX ความสำคัญ เป้าหมาย และกระบวนการออกแบบ UX ที่ดี
ทำความรู้จักการออกแบบ UI ความสำคัญ องค์ประกอบ กระบวนการออกแบบ UI ทีดี
เครื่องมือสำหรับใช้ในการออกแบบ UX/UI

Section 2: ทำความรู้จักกับโปรแกรมออกแบบด้วย Figma

แนะนำ Figma
Interface และเครื่องมือต่างๆ ที่ใช้ออกแบบใน Figma
แนวทางการออกแบบหน้าจอสำหรับ Mobile App
จุดเด่น จุดด้อยของ Figma
ช่องทางในการเข้าใช้งาน Figma
รุ่นต่างๆ ของโปรแกรม Figma

Section 3: เครื่องมือต่างๆ บน Figma

ส่วนประกอบของหน้าต่าง Figma
แนะนำเครื่องมือที่ใช้งานบ่อยบน Figma
ฝึกใช้งานเครื่องมือ Frame, Grid, Shape, Alignment, Resize, Image, Color Picker และ Gradients

Section 4: เริ่มต้นออกแบบงานดีไซน์บน Figma

การทำงานกับ Frame บน Figma
วาดรูปทรงพื้นฐานบน Figma เช่น เส้นตรง ลูกศร สี่เหลี่ยม วงกลม วงรี รูปหลายเหลี่ยม รูปดาว เป็นต้น
การทำงานกับวัตถุหรือเลเยอร์บนดีไซน์
การย้าย ย่อ ขยาย หมุนวัตถุแบบต่างๆ

Section 5: การทำงานกับภาพและข้อความใน Figma

การแทรกรูปภาพลงไปในงานดีไซน์
การปรับแต่งภาพในดีไซน์ เช่น การย่อ ขยาย หมุนภาพ การซ้อนภาพ การทำ mask
การแทนที่ภาพในงานดีไซน์
การปรับแต่งข้อความ สี ขนาด รูปแบบฟอนต์
การใส่เงา เส้นขอบ และอื่นๆ ที่น่าสนใจในข้อความ

Section 6: การใช้งาน Auto Layout ใน Figma

รู้จักกับคุณสมบัติ Auto Layout
Layout flow: ทิศทางและการจัดลำดับ
Spacing: ระยะห่างแบบอัตโนมัติ
Alignment: จัดตำแหน่งอัตโนมัติ
Resizing: การปรับขนาดความสูง ความกว้างอัตโนมัติ

Section 7: แนะนำปลั๊กอินเสริมยอดนิยมใน Figma

ทำความรู้จัก Plugin ใน Figma
เรียกใช้งาน Plugin ได้จากที่ไหนบ้าง
การค้นหาและรัน Plugin จาก Figma Community
แนะนำ Plugin ยอดนิยมบน Figma

Section 8: การสร้าง Prototypes ใน Figma

ทำความรู้จักกับ Prototypes
ขั้นตอนการสร้าง Prototypes
สร้างเส้นเชื่อมโยง
กำหนดรายละเอียดการโต้ตอบ
การกำหนดแอนิเมชั่นการเปลี่ยนหน้า
ทดสอบการทำงานกับ Prototypes

Section 9: Workshop ออกแบบเว็บไซต์ด้วย Figma

เริ่มต้นสร้างโปรเจ็กต์ใน Figma พร้อมการตั้งค่าพื้นฐานที่เหมาะสม
ทำความเข้าใจการวาง layout แบบต่างๆ ใน Figma
การสร้างรูปทรง เส้น ข้อความ และภาพเวคเตอร์ใน Figma
การใส่สีพื้นฐาน การไล่สีแบบ gradients และเทคนิคอื่นๆ ที่น่าสนใจ
การนำภาพจากภายนอกเข้ามาทำงานใน Figma
การสร้าง Component และ Style ใน Figma เพื่อนำไปใช้ซ้ำ
สร้างการเชื่อมโยงระหว่างหน้าใน Figma ด้วย Prototypes
การ Export ไฟล์แบบต่างๆ ใน Figma ออกไปใช้งานจริง

Frequently asked questions

Who is Figma for beginners for, and what background is needed?

Built for ผู้ที่ต้องการออกแบบเว็บไซต์ด้วยการใช้โปรแกรม Adobe Figma · UX/UI designer · ผู้สนใจทั่วไป Background you should have: ไม่จำเป็นต้องมีพื้นฐานใดๆ มาก่อน Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does Figma for beginners cost and how long does it run?

THB 7,500 (currently THB 6,750 on promotion). The course runs 12 hours. The fee covers course materials, lunch and refreshments throughout. Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.

Do I get a certificate?

Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.

Where does the training take place, and is there an online option?

You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.

What if I fall behind or miss a session — can I retake it?

Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.

How do I enrol, or request a quotation for my company?

Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.