บันทึกระบบออกแบบ
เผยแพร่เมื่อ 09 January 2022
เครื่องมือ
- undraw.co
-
ภาพประกอบโอเพ่นซอร์สสำหรับทุกความคิดที่คุณสามารถจินตนาการและสร้างได้
- absurd.design
-
ภาพประกอบที่ไร้สาระแต่มีความหมาย
- drawkit.com
-
ภาพประกอบสวยงามฟรี. อัปเดตรายสัปดาห์
- icons8.com
-
ไอคอน, ภาพประกอบ, รูปภาพ, เพลง, และเครื่องมือออกแบบ
- บลัช.การออกแบบ
-
ไอคอน, ภาพประกอบ, ภาพถ่าย, ดนตรี และเครื่องมือออกแบบ
- humaaans.com
-
ผสมและจับคู่ภาพประกอบของผู้คนกับไลบรารีการออกแบบ.
- coolors.co
-
เครื่องสร้างรูปแบบสีที่รวดเร็วมาก!
- 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 เพื่อช่วยให้คุณสร้างและเผยแพร่เว็บไซต์ได้อย่างเห็นภาพ