เครื่องมือ

ภาพประกอบ
undraw.co

ภาพประกอบโอเพ่นซอร์สสำหรับทุกความคิดที่คุณสามารถจินตนาการและสร้างได้

absurd.design

ภาพประกอบที่ไร้สาระแต่มีความหมาย

drawkit.com

ภาพประกอบสวยงามฟรี. อัปเดตรายสัปดาห์

icons8.com

ไอคอน, ภาพประกอบ, รูปภาพ, เพลง, และเครื่องมือออกแบบ

บลัช.การออกแบบ

ไอคอน, ภาพประกอบ, ภาพถ่าย, ดนตรี และเครื่องมือออกแบบ

humaaans.com

ผสมและจับคู่ภาพประกอบของผู้คนกับไลบรารีการออกแบบ.

สี
coolors.co

เครื่องสร้างรูปแบบสีที่รวดเร็วมาก!

แนวโน้ม
pinterest

การค้นพบด้วยภาพของไอเดีย : รูปภาพ, วิดีโอ, คอลเลกชั่นตามธีม

ดริบเบิล

แพลตฟอร์มสำหรับนักออกแบบที่แบ่งปันผลงานและมีปฏิสัมพันธ์

UX/UI และ Design Systems
Google Material Design

ระบบการออกแบบของ Google สำหรับอินเทอร์เฟซผู้ใช้ที่เป็นหนึ่งเดียวและปรับตัวได้

Apple Human Interface Guidelines

คำแนะนำของ Apple ในการออกแบบแอปพลิเคชัน iOS และ macOS ที่ใช้งานง่าย

UXPin

แพลตฟอร์มออกแบบและทำงานร่วมกันเพื่อสร้างต้นแบบและระบบการออกแบบ

Frontify

แพลตฟอร์มการจัดการแบรนด์และระบบการออกแบบเพื่อให้แน่ใจว่ามีความสอดคล้อง

ที่เก็บระบบการออกแบบ

คอลเลกชันทรัพยากรและตัวอย่างของระบบออกแบบเพื่อเป็นแรงบันดาลใจ.

การพัฒนา Frontend

htmlcheatsheet.com

HTML เช็ตชีท

fontawesome.com

คลังไอคอน

toptal.com/designers/htmlarrows/symbols

ไอคอนเนทีฟใน HTML

CSS-Tricks

สิ่งที่ขาดไม่ได้สำหรับ CSS พร้อมด้วยบทความ บทเรียน และเคล็ดลับฟรอนต์เอนด์สมัยใหม่

ผู้แนะนำส่วนหน้า

ความท้าทายโค้ดฟรอนต์เอนด์ที่อิงจากโครงการจริงเพื่อพัฒนาทักษะของคุณ

Dev.to

ชุมชนนักพัฒนาเพื่อแบ่งปันบทความ, บทเรียน และโครงการ

CodePen

ตัวแก้ไขโค้ดออนไลน์และชุมชนสำหรับแบ่งปันส่วนโค้ดและการสาธิต

การพัฒนา Frontend ที่ได้รับการช่วยเหลือจาก AI

v0.dev

v0 แปลงคำอธิบายภาษาธรรมชาติเป็นโค้ดและอินเทอร์เฟซผู้ใช้.

Uizard

Uizard มุ่งเน้นการเปลี่ยนแบบจำลอง (รูปภาพ, สเก็ตช์) เป็นโค้ด HTML, CSS และ React

usegalileo.ai

Galileo AI ช่วยให้คุณอธิบายอินเทอร์เฟซที่คุณต้องการด้วยภาษาธรรมชาติ, และ AI จะสร้างการออกแบบ Figma ที่แก้ไขได้.

TeleportHQ

TeleportHQ เป็นแพลตฟอร์มพัฒนา frontend แบบ low-code ที่ใช้ AI เพื่อช่วยให้คุณสร้างและเผยแพร่เว็บไซต์ได้อย่างเห็นภาพ

บทความที่เกี่ยวข้อง